@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
/* CSS Document */
:root{ --accent-color: #ffbade; --background-color: #242428; --background-color-2: rgb(32, 31, 49); --tick-bg-color: #e3b5cd;}
html{position: relative;}
body{ background: var(--background-color-2); font-family: "Poppins", Arial; color: #ccc; font-size: 14px; line-height: 1.4em; font-weight: 400; padding: 0; margin: 0; -webkit-text-size-adjust: none;}
a{outline:none; -moz-outline: none; color: #aaa}
a:hover{color: var(--accent-color); text-decoration: none}
button, .btn{ border: none !important;}
.btn-sm{font-size: 12px;}
.btn-radius{border-radius: 30px;}
.btn-highlight{font-weight: 600; color: var(--accent-color); font-size: 1.2em; position: relative; padding-left: 50px; display: inline-block}
.btn-highlight img{width: 40px; height: auto; position: absolute; top: 0; left: 0;}
.ulclear{list-style: none; padding: 0;}
.container{max-width: 1200px !important; width: 100% !important;}
#xwrapper{ width: 100%; position: relative;}
#xheader{padding: 0; margin-top: 60px; position: relative;}
#xheader #xlogo{display: block; height: 40px; margin: 10px 0; float: left;}
#xheader #xlogo img{height: 100%; width: auto; float: left; margin-right: 10px;}
#xheader #xlogo span{line-height: 40px; font-size: 20px; font-weight: 600; color: var(--accent-color) !important;}
#xheader_menu{width: 100%; border-radius: 30px 30px 0 0;}
#xheader_menu .container{position: relative;}
#xheader_menu ul.header_menu-list{ list-style: none; padding: 0; margin-bottom: 10px; display: block; text-align: center;}
#xheader_menu ul.header_menu-list .nav-item{ display: inline-block; margin: 0 20px 0; position: relative;}
#xheader_menu ul.header_menu-list .nav-item>a{ height: 60px; line-height: 60px; display: block; margin: 0; padding: 0; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 1px;}
#xheader_menu ul.header_menu-list .nav-item>a:hover{ color: var(--accent-color);}
#xheader_browser{float: left; position: relative; margin: 0 20px 0 0; display: none}
#xheader_browser .header-btn{height: 44px; cursor: pointer; margin: 13px 0; line-height: 44px; padding: 0 12px; font-size: 14px; border-radius: 3px; color: #fff;}
#xheader_browser.active .header-btn{ color: var(--accent-color);}
/* footer */
#xfooter-about{padding: 0 0 40px; margin-top: 80px;}
#xfooter-about .about-text{ max-width: 800px; margin: 0 0 20px; line-height: 1.6em; font-size: 12px; opacity: .4}
#xfooter-about .copyright{margin-bottom: 0 !important; font-size: 13px;}
/* page */
#mw-top{ padding: 0; margin: 0 0 40px 0; position: relative; z-index: 3; }
#mw-top .mwt-content{ position: relative; padding: 80px; margin: 0 -80px; --landing-surface: color-mix(in srgb, var(--background-color, #201f31), white 7%); background-color: var(--landing-surface); border-radius: 40px;}
#mw-top .mwt-content .mwt-icon{position: absolute; top: 0; right: 0px; bottom: 0; width: 650px; border-radius: 0 40px 40px 0; overflow: hidden;}
#mw-top .mwt-content .mwt-icon::before{ content: ""; z-index: 3; position: absolute; top: 0; left: 0; bottom: 0; width: 400px; max-width: 75%; background: linear-gradient(90deg, var(--landing-surface) 0%, transparent 100%); }
#mw-top .mwt-content .mwt-icon img{width: 100%; height: 100%; position: absolute; object-fit: cover; opacity: .5;}
#mw-top .mwh-logo{ margin-bottom: 30px;}
#mw-top .mwh-logo .mwh-logo-div{ display: inline-block}
#mw-top .mwh-logo .mwh-logo-div img{height: 40px; width: auto;}
.mw-heading{font-size: 1.8em; font-weight: 600; margin: 0 0 1em; color: #fff; line-height: 1.4em}
#mw-top .mw-sitename{font-size: 28px; font-weight: 700; text-align: center; color: var(--accent-color); margin: 0 0 10px 0}
#mw-top .mw-heading-second{font-size: 20px; font-weight: 600; position: relative; padding-left: 30px; margin: 0 0 15px;}
#mw-top .mw-heading-second:before{content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--accent-color); left: 0; position: absolute; top: 8px;}
.xhashtag span.title{font-weight: 500; color: #fff; margin-right: 10px; float: left;}
.xhashtag .item{margin: 0 6px 6px 0; display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; color: #fff; cursor: pointer;}
.xhashtag .item:after{content: ","}
.xhashtag .item:last-of-type:after{content: ", ..."}
#action-button{margin: 40px 0 0;}
#action-button .btn{display: block; border-radius: 12px; padding: 15px 20px; font-weight: 600; background: var(--accent-color) !important; color: #111 !important; border: none !important; box-shadow: none !important; max-width: 260px;}
#xsearch.home-search{display: block !important; margin: 0; padding: 0 !important; width: 100%; background: none !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; max-width: 500px; z-index: 3;}
#xsearch.home-search .search-input{height: 50px; font-weight: 400; border-radius: 12px; padding-left: 20px; padding-right: 20px; font-size: 16px; border: none !important;}
#xsearch.home-search .search-content .search-submit{height: 50px; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; cursor: pointer; display: inline-block; width: 50px; background: var(--accent-color); border-radius: 12px;}
#xsearch.home-search .search-content .search-submit .search-icon i{color: #111; font-size: 20px; line-height: 50px;}
#xsearch.home-search .search-content{position: relative; padding-right: 60px; margin-bottom: 30px;}
.mw-buttons .btn-primary{font-weight: 600; background: var(--accent-color) !important; color: #111 !important; padding: 15px 30px; transition: all .2s ease 0s; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s;}
.mw-buttons .btn-primary:hover{transform: scale(1.1); box-shadow: 0 0 20px rgba(97,222,86,.6) !important;}
.mw-body .mwb-left{font-size: 14px; line-height: 1.5em;}
.mw-body .mwb-left p{line-height: 1.4em; margin-bottom: 1em;}
.mw-body .mwb-left ul{padding-left: 15px;}
.mw-body .mwb-left ul li{margin-bottom: 1em;}
.mw-body .mwb-left h2{font-size: 1.5em; margin-top: 1.5em; font-weight: 600; line-height: 1.4em; margin-bottom: 15px; color: #fff;}
.mw-body .mwb-left h3{font-size: 1.2em; margin-top: 1.5em; font-weight: 600; line-height: 1.4em; margin-bottom: 15px; color: #fff;}
.mwb-left{ float: left; width: calc(100% - 450px);}
.mwb-right{ float: right; width: 400px;}
.mwb-2col.no-sidebar .mwb-left{ float: none; width: 100%;}
.zr-news .item .zr-news-thumb{width: 100%; padding-bottom: 56%; position: relative; overflow: hidden; display: inline-block; margin-bottom: 10px;}
.zr-news .item .zr-news-thumb img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover}
.zr-news .item .zrn-title{ color: #fff;}
.zr-news .item .zrn-title:hover{ color: var(--accent-color);}
.zr-news .item .zrn-title .news-title{font-size: 16px; line-height: 1.4em; margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.zr-news .item .description{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.zr-news.zr-news-list{padding: 0px 20px 50px;  background: rgb(65,66,72);
	background: -moz-linear-gradient(180deg, rgba(65,66,72,0) 0%, rgba(65,66,72,1) 30%, rgba(65,66,72,1) 70%, rgba(65,66,72,0.050840404521183435) 100%);
	background: -webkit-linear-gradient(180deg, rgba(65,66,72,0) 0%, rgba(65,66,72,1) 30%, rgba(65,66,72,1) 70%, rgba(65,66,72,0.050840404521183435) 100%);
	background: linear-gradient(180deg, rgba(65,66,72,0) 0%, rgba(65,66,72,1) 30%, rgba(65,66,72,1) 70%, rgba(65,66,72,0.050840404521183435) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#414248",endColorstr="#414248",GradientType=1); }
.zr-news.zr-news-list .item{ margin-bottom: 20px; position: relative; padding-left: 135px; min-height: 88px;}
.zr-news.zr-news-list .item .news-title{font-size: 14px; margin-bottom: 5px;}
.zr-news.zr-news-list .item .zr-news-thumb{ position: absolute; top: 0; left: 0; width: 120px; padding-bottom: 82px;}
.zr-news.zr-news-list .item .description{-webkit-line-clamp: 2; font-size: 13px;}
.zr-news.zr-news-list .item.item-more{min-height: auto; padding: 0; margin: 0;}
.zr-news.zr-news-list .item.item-more .btn-sm{padding: 10px 10px; background: #5c5d63; color: #fff;}
.heading-news{font-size: 24px; color: #fff; font-weight: 600; margin: 0 0 30px;}
.mw-keywords{margin-bottom: 30px; display: block; overflow: hidden}
.mw-keywords .mwk-item{display: block; float: left; color: #fff; margin: 0 5px 5px 0; padding: 4px 6px; background: rgba(255,255,255,.1); border-radius: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 180px;}
.mw-keywords .mwk-item i{display: inline; font-size: 11px; line-height: 12px;}
.mw-keywords .mwk-item:hover{color: #fff; background: #5c5d63;}
.mw-keywords .mwk-item .anime-title{font-size: 12px; line-height: 1.2em; margin: 0; display: inline}
.share-buttons{display: inline-block; width: 100%; margin-bottom: 30px;}
.share-buttons .share-buttons-block{ padding: 0; position: relative;}
.share-buttons .share-buttons-block .share-icon{display: none;}
.share-buttons .share-buttons-block .sbb-title{ display: block; font-size: 12px; float: left; margin-right: 20px; position: relative;}
.share-buttons .share-buttons-block .sbb-title span{font-weight: 600; font-size: 14px; color: var(--accent-color);}
.share-buttons .share-buttons-block .sbb-social{ float: left; clear: none !important;}
.share-buttons.padding-bottom-0 .share-buttons-block { padding-bottom: 0;}
.share-buttons .share-buttons-block .at-style-responsive .at-share-btn{margin: 1px 6px 1px 0 !important;}
@media screen and (max-width: 1365px){
	#mw-top .mwt-content{ margin: 0;}
}
@media screen and (max-width: 1199px){
	#xheader{margin-top: 10px;}
	#mw-top .mwt-content{ padding: 60px;}
}
@media screen and (max-width: 990px){
	.mwb-left, .mwb-right{float: none; width: 100%; margin-bottom: 50px;}
	#xfooter-about{margin-top: 50px;}
}
@media screen and (max-width: 780px){
	#mw-top .mwt-content .mwt-icon{display: none}
	#xsearch.home-search{ max-width: 100%;}
	#xheader_browser{display: inline-block}
	#xheader_menu{display: none; position: absolute; left: 15px; width: auto; top: 60px; right: 15px; background: rgba(11,11,11,.98); border-radius: 25px; height: auto; padding: 10px 0; z-index: 99;}
	#xheader_menu .header_menu-list li.nav-item{display: block; margin: 10px 0; float: none; text-align: center}
	#xheader_menu ul.header_menu-list .nav-item > a{height: auto; line-height: normal; padding: 10px 20px; color: #fff; font-size: 16px;}
	#xheader_menu ul.header_menu-list .nav-item > a:hover{color: var(--accent-color);}
	#xheader_menu.active{display: block !important;}
	#mw-home{padding-top: 20px;}
	.mw-heading, .heading-news{font-size: 20px; margin-bottom: 20px;}
	#action-button{ margin-top: 30px;}
	#xsearch.home-search .search-content .search-submit .search-icon i{font-size: 16px;}
	.mw-body{font-size: 14px; line-height: 1.5em;}
	.mw-buttons .btn{font-size: 18px; padding: 12px 40px;}
}
@media screen and (max-width: 520px){
	#mw-top .mwh-logo{text-align: center}
	#mw-top .mwh-logo .mwh-logo-div img{ height: 40px;}
	#mw-top .mwt-content{margin: 0 -15px}
	.zr-news.zr-news-list .item .zr-news-thumb{width: 80px; padding-bottom: 60px; top: 5px;}
	.zr-news.zr-news-list .item{padding-left: 95px;}
	.zr-news.zr-news-list .item .description{line-height: 1.3em; -webkit-line-clamp: 3}
	.mw-keywords .mwk-item{max-width: 140px;}
	#xsearch.home-search .search-input{font-size: 14px;}
	.xhashtag .item{margin-bottom: 2px;}
	.share-buttons .share-buttons-block .sbb-title{padding: 0; border-left: none; margin-bottom: 10px; float: none}
	#mw-top .mwt-content{ padding: 30px; border-radius: 0;}
	#action-button .btn{ max-width: 100%; font-size: 16px;}
	.home-search .xhashtag{ font-size: 12px;}
}
.profile-avatar{width: 100px; height: 100px; border-radius: 50%; position: relative; overflow: hidden}
.profile-avatar img{position: absolute; object-fit: cover; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.cn-owner{display: flex; align-items: center; align-content: stretch;}
.cn-owner .profile-avatar{width: 30px; height: 30px; margin-right: 10px; flex-shrink: 0;}
div.user-name{ display: flex; align-items: center;}
div.user-name.is-level-x span{ font-size: 9px; text-transform: uppercase; margin-left: 5px; line-height: 14px; color: #94969d; border: 1px solid #94969d; padding: 1px 3px; border-radius: .25rem;}
div.user-name.is-level-a{ color: #ffb526 !important;}
div.user-name.is-level-b{ color: #ff426e !important;}
div.user-name.is-level-c{ color: #b1ef97 !important;}
div.user-name.is-level-d{ color: #4da6ff !important;}
div.user-name.is-level-mute{ color: #777 !important; text-decoration: line-through;}
.badg-level{ width: 16px; height: 16px; background-size: cover; background-position: center center; display: inline-block; margin-right: 5px; vertical-align: sub;}
.badg-level.level-a{background-image: url(../images/level-a.png);}
.badg-level.level-a.up-2{background-image: url(../images/level-a-2.png);}
.badg-level.level-a.up-3{background-image: url(../images/level-a-3.png);}
.badg-level.level-a.up-4{background-image: url(../images/level-a-4.png);}
.badg-level.level-b{background-image: url(../images/level-b.png);}
.badg-level.level-c{background-image: url(../images/level-c.png);}
.badg-level.level-d{background-image: url(../images/level-d.png);}
.badg-level.level-mute{background-image: url(../images/level-muted.png);}
.connecting-list{margin-bottom: 2rem;}
.connecting-list .item{ width: 100%; display: block; cursor: default; padding: 20px; border-radius: 1rem; position: relative; font-size: 12px; line-height: 1.4; background: rgb(255,255,255,.05); margin-bottom: .5rem; }
.connecting-list .item .item-name{font-size: 1.3em; font-weight: 500; line-height: 1.4; margin-bottom: .5rem; word-break: break-word;}
.connecting-list .item .item-name a{color: #fff;}
.connecting-list .item .subject{margin-bottom: .75rem; color: #aaa; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.connecting-list .item .gi-top{margin-bottom: .75rem; font-size: 11px;}
.connecting-list .item .time{ color: #aaa;}
.ztag .zt-green{color: #7df796;}
.ztag .zt-yellow{color: #ffce71;}
.ztag .zt-red{color: #ff718c;}

/* xmas */
body.xmas-ui{ background: #0e4042 url(../images/xmas/xmas-bg-green.png) repeat}
body.xmas-ui #mw-top .mwh-logo .mwh-logo-div{ width: 198px; height: 60px; background-image: url(../images/xmas/logo.png); background-size: cover;}
body.xmas-ui #mw-top .mwh-logo .mwh-logo-div img{display: none;}
body.xmas-ui .mw-keywords .mwk-item{ background: #0c3d42; color: #5eadb5;}
body.xmas-ui .mw-keywords .mwk-item:hover{ color: var(--accent-color);}
body.xmas-ui #mw-top{ background: rgb(34,95,98); background: linear-gradient(0deg, rgba(34,95,98,1) 0%, rgba(34,95,98,0) 100%); }
body.xmas-ui #mw-top:before{display: none;}
body.xmas-ui .zr-news.zr-news-list{ background: rgb(15,80,87); background: linear-gradient(0deg, rgba(15,80,87,0) 0%, rgba(15,80,87,1) 50%, rgba(15,80,87,0) 100%); }
body.xmas-ui #xmain-wrapper .share-buttons{background: #0c1717;}
body.xmas-ui .zr-news.zr-news-list .item.item-more .btn-sm{ background-color: #225f62;}
@media screen and (max-width: 780px){
	body.xmas-ui #xheader_menu{ background: #2f7679;}
}

/* test vli */
.tvli-display{ display: block; background-color: #00FF47; position: relative; margin: 1rem auto; display: none !important;}
.tvli-display .text-size{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; padding: 1rem; color: #000; font-size: 20px; font-weight: 600;}
/* Landing layout: shared theme colours and existing search/navigation behavior. */
body.landing-watch #xheader,
body.landing-watch #mw-top > .container,
body.landing-watch .landing-cta { max-width: 966px; margin-left: auto; margin-right: auto; }
body.landing-watch .landing-intro {
    display: flow-root;
    background: linear-gradient(180deg, var(--background-color), color-mix(in srgb, var(--background-color), white 10%));
}
body.landing-watch #xheader { position: relative; z-index: 5; background: transparent; }
body.landing-watch #xheader_menu ul.header_menu-list { text-align: left; }
body.landing-watch #mw-top {
    margin-bottom: 0;
    background: transparent;
}
body.landing-watch #mw-top .mwt-content {
    margin: 0; padding: 75px 0 85px; min-height: 385px;
    background: transparent; border-radius: 0;
}
body.landing-watch #mw-top .mwt-content .mwt-icon {
    width: 48%; right: 0; border-radius: 0; overflow: visible;
}
body.landing-watch #mw-top .mwt-content .mwt-icon::before { display: none; }
body.landing-watch #mw-top .mwt-content .mwt-icon img {
    object-fit: contain; object-position: center bottom; opacity: 1;
}
body.landing-watch #mw-top .mwh-logo,
body.landing-watch #xsearch.home-search { position: relative; z-index: 4; max-width: 53%; }
body.landing-watch #mw-top .mwh-logo { margin-bottom: 24px; }
body.landing-watch #mw-top .mwh-logo img { height: 52px; }
body.landing-watch #xsearch.home-search .search-input { border-radius: 30px; }
body.landing-watch #xsearch.home-search .search-content .search-submit { border-radius: 50%; }
body.landing-watch #xsearch.home-search .search-content .search-submit .search-icon { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0; color: #111; font-size: 0; }
body.landing-watch #xsearch.home-search .search-content .search-submit .search-icon svg { display: block; width: 20px; height: 20px; }
body.landing-watch .xhashtag { line-height: 1.8; }
body.landing-watch .landing-cta #action-button { margin: 0; }
body.landing-watch .mw-body { padding-top: 40px; }
body.landing-watch .landing-cta #action-button .btn {
    display: block; width: 100%; max-width: none; border-radius: 0 0 28px 28px;
    padding: 16px 24px; font-size: 18px;
}
@media (max-width: 780px) {
    body.landing-watch #mw-top .mwt-content { padding: 36px 15px; min-height: 0; }
    body.landing-watch #mw-top .mwh-logo,
    body.landing-watch #xsearch.home-search { max-width: 100%; }
    body.landing-watch #mw-top .mwh-logo { text-align: left; }
    body.landing-watch .landing-cta #action-button .btn { font-size: 16px; }
}

/* Keep the complete landing page aligned to the reference content column. */
body.landing-watch .container { max-width: 966px !important; }
body.landing-watch .mwb-2col {
    display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
    gap: 40px; align-items: start;
}
body.landing-watch .mwb-2col.no-sidebar { grid-template-columns: minmax(0, 1fr); }
body.landing-watch .mwb-left,
body.landing-watch .mwb-right { float: none; width: auto; min-width: 0; }
body.landing-watch .mwb-2col > .clearfix { display: none; }
body.landing-watch .mw-body .mw-heading,
body.landing-watch .heading-news { font-size: 22px; line-height: 1.35; margin-bottom: 24px; }
body.landing-watch .mw-body .mwb-left { font-size: 13px; line-height: 1.65; }
body.landing-watch .mw-body .mwb-left p { line-height: 1.65; }
body.landing-watch .connecting-list .item {
    background: color-mix(in srgb, var(--background-color), white 6%);
    border-radius: 16px; padding: 18px; margin-bottom: 10px;
}
body.landing-watch .connecting-list .gi-top { font-size: 10px; color: #b8b8bd; gap: 6px; }
body.landing-watch .connecting-list .gi-stats { flex-shrink: 0; }
body.landing-watch .connecting-list .item-name { font-size: 14px; line-height: 1.4; margin: 12px 0 8px; }
body.landing-watch .connecting-list .subject {
    color: #b8b8bd; line-height: 1.5; display: -webkit-box;
    -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
body.landing-watch .connecting-list .cn-owner { margin-top: 12px; }
body.landing-watch .trending-empty p { margin: 0; color: #b8b8bd; line-height: 1.6; }
body.landing-watch .share-buttons-home { margin-bottom: 30px; }
@media (max-width: 780px) {
    body.landing-watch .mwb-2col { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    body.landing-watch .mwb-left,
    body.landing-watch .mwb-right { margin-bottom: 0; }
    body.landing-watch .mw-body .mw-heading,
    body.landing-watch .heading-news { font-size: 20px; }
}

/* Aniwave front page — same Blade/layout and settings pipeline, distinct landing skin. */
body.landing-aniwave,
body.landing-aniwave #xwrapper,
body.landing-aniwave #xmain-wrapper,
body.landing-aniwave .landing-intro,
body.landing-aniwave .mw-body,
body.landing-aniwave #xfooter-about { background-color: #050505; color: #eee; }
body.landing-aniwave .landing-intro {
	position: relative; isolation: isolate; overflow: hidden;
	background: #050505;
}
body.landing-aniwave .landing-intro::after {
	content: ""; position: absolute; z-index: 0; left: 0; right: 0; bottom: 0; height: 160px;
	background: linear-gradient(to bottom, transparent, #050505 78%); pointer-events: none;
}
body.landing-aniwave .aniwave-backdrop {
	position: absolute; z-index: 0; inset: 0; overflow: hidden; opacity: 1; pointer-events: none;
	mask-image: linear-gradient(to bottom, #000 0%, #000 78%, rgba(0,0,0,.78) 88%, rgba(0,0,0,.3) 96%, transparent 100%);
}
body.landing-aniwave .aniwave-backdrop img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; transform: scale(1.12); filter: grayscale(1) brightness(.58); }
body.landing-aniwave #xheader,
body.landing-aniwave #mw-top > .container { max-width: 966px; margin-left: auto; margin-right: auto; }
body.landing-aniwave #xheader,
body.landing-aniwave #mw-top,
body.landing-aniwave .mw-body,
body.landing-aniwave #xfooter-about { position: relative; z-index: 1; }
body.landing-aniwave .landing-intro > .share-buttons { z-index: 1; }
body.landing-aniwave #xheader { position: relative; z-index: 2; background: transparent; margin-top: 0; padding-top: 28px; }
body.landing-aniwave #xheader_browser { display: none; }
body.landing-aniwave .aniwave-brand { display: block; width: max-content; max-width: 240px; margin: 0 auto 4px; color: #fff; font-size: 30px; line-height: 1; font-weight: 800; letter-spacing: -1.5px; }
body.landing-aniwave .aniwave-brand > span > span { color: #9162f4; }
body.landing-aniwave .aniwave-brand img { display: block; width: 200px; max-width: 100%; height: 52px; object-fit: contain; }
body.landing-aniwave #xheader_menu ul.header_menu-list { display: flex; justify-content: center; gap: 12px; text-align: center; margin: 12px 0 0; }
body.landing-aniwave #xheader_menu ul.header_menu-list .nav-item { margin: 0 6px; }
body.landing-aniwave #xheader_menu ul.header_menu-list .nav-link { display: block; height: 44px; line-height: 44px; color: #dedede; padding: 0 8px; font-size: 13px; font-weight: 500; letter-spacing: 0; }
body.landing-aniwave #mw-top { margin: 0; background: transparent; }
body.landing-aniwave #mw-top .mwt-content { position: relative; margin: 0; padding: 0 0 0; min-height: 0; background: transparent; border-radius: 0; text-align: center; }
body.landing-aniwave #xsearch.home-search { position: relative; z-index: 1; width: min(100%, 600px); max-width: 100%; margin: 12px auto 0; }
body.landing-aniwave #xsearch.home-search .search-content { padding: 0; margin: 0 0 10px; }
body.landing-aniwave #xsearch.home-search .search-content { position: relative; }
body.landing-aniwave #xsearch.home-search .search-input { width: 100%; height: 36px; border: 1px solid #292929 !important; border-radius: 5px; background: #171717; color: #e9e9e9; padding: 0 42px 0 50px; font-size: 13px; box-shadow: none !important; outline: none; }
body.landing-aniwave #xsearch.home-search .search-input:focus { border-color: #383838 !important; box-shadow: none !important; outline: none; }
body.landing-aniwave #xsearch.home-search:focus-within .search-input { border-radius: 5px 5px 0 0; }
body.landing-aniwave .aniwave-search-clear { display: none; position: absolute; z-index: 2; top: 0; right: 0; height: 36px; padding: 0 14px; border: 0; background: transparent; color: #888; text-decoration: underline; cursor: pointer; font-size: 12px; }
body.landing-aniwave #xsearch.home-search:focus-within .aniwave-search-clear { display: block; }
body.landing-aniwave #xsearch.home-search .search-input::placeholder { color: #737373; }
body.landing-aniwave #xsearch.home-search .search-content .search-submit { position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 44px; height: 36px; background: transparent !important; border-radius: 5px 0 0 5px; }
body.landing-aniwave #xsearch.home-search .search-content .search-submit .search-icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 36px; padding: 0; border: 0 !important; border-radius: 5px 0 0 0; outline: 0 !important; box-shadow: none !important; appearance: none; background: transparent !important; color: #777; font-size: 0; }
body.landing-aniwave #xsearch.home-search .search-content .search-submit .search-icon:focus,
body.landing-aniwave #xsearch.home-search .search-content .search-submit .search-icon:active { outline: 0 !important; box-shadow: none !important; background: transparent !important; }
body.landing-aniwave #xsearch.home-search .search-content .search-submit .search-icon i { display: none; }
body.landing-aniwave #xsearch.home-search .search-content .search-submit .search-icon svg { display: block; width: 19px; height: 19px; }
body.landing-aniwave #xsearch.home-search .search-content::after { content: 'S'; position: absolute; top: 9px; right: 10px; width: 16px; height: 18px; border: 1px solid #555; border-radius: 3px; color: #aaa; font: 11px/16px Arial,sans-serif; text-align: center; }
body.landing-aniwave #xsearch.home-search .search-content:has(.search-input:focus)::after { display: none; }
body.landing-aniwave .aniwave-search-suggest { position: absolute; z-index: 20; top: 36px; left: 0; width: 100%; max-height: 0; overflow: hidden; border: 1px solid #292929; border-top: 0; border-radius: 0 0 5px 5px; background: #1d1d1d; color: #aaa; box-shadow: 0 12px 28px rgba(0,0,0,.48); text-align: left; visibility: hidden; opacity: 0; transform: translateY(-7px); transform-origin: top center; pointer-events: none; transition: max-height .22s ease, opacity .16s ease, transform .16s ease, visibility 0s linear .22s; }
body.landing-aniwave .aniwave-search-suggest.is-open { max-height: 500px; visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; transition-delay: 0s; }
body.landing-aniwave .aniwave-search-tools { display: flex; justify-content: space-between; align-items: center; min-height: 34px; padding: 0 14px; border-bottom: 1px solid #303030; color: #ddd; font-size: 12px; }
body.landing-aniwave .aniwave-search-loading { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; margin-left: 12px; color: #888; font-size: 11px; }
body.landing-aniwave .aniwave-search-loading[hidden] { display: none; }
body.landing-aniwave .aniwave-search-loading i { width: 12px; height: 12px; border: 2px solid #555; border-top-color: #aaa; border-radius: 50%; animation: aniwave-search-spin .65s linear infinite; }
@keyframes aniwave-search-spin { to { transform: rotate(360deg); } }
body.landing-aniwave .aniwave-search-tools a { display: inline-flex; align-items: center; gap: 4px; color: #8fa9c3; }
body.landing-aniwave .aniwave-search-tools a svg { width: 12px; height: 12px; }
body.landing-aniwave .aniwave-search-results { max-height: 390px; overflow-y: auto; }
body.landing-aniwave .aniwave-search-results > a.nav-item { position: relative !important; inset: auto !important; float: none !important; display: flex !important; box-sizing: border-box !important; width: 100% !important; height: auto !important; min-height: 84px; align-items: center !important; gap: 12px; margin: 0 !important; padding: 10px 14px !important; border: 0 !important; border-radius: 0 !important; overflow: hidden; background: #1d1d1d; color: #b9c2d0; text-align: left; text-decoration: none; }
body.landing-aniwave .aniwave-search-results > a.nav-item:not(.nav-bottom):nth-child(odd) { background: #1e1e1e; }
body.landing-aniwave .aniwave-search-results > a.nav-item:not(.nav-bottom):nth-child(even) { background: #181818; }
body.landing-aniwave .aniwave-search-results > a.nav-item:hover,
body.landing-aniwave .aniwave-search-results > a.nav-item.active { background: #2b2034; }
body.landing-aniwave .aniwave-search-results .film-poster { position: relative !important; inset: auto !important; float: none !important; flex: 0 0 46px !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; height: 62px !important; min-height: 62px !important; max-height: 62px !important; margin: 0 !important; padding: 0 !important; border-radius: 4px; overflow: hidden !important; background: #262626; }
body.landing-aniwave .aniwave-search-results .film-poster-img { position: static !important; inset: auto !important; display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 4px; }
body.landing-aniwave .aniwave-search-results .aniwave-search-poster-fallback { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: #292929; color: #f4f4f4; font-size: 12px; font-weight: 800; letter-spacing: -.6px; line-height: 1; }
body.landing-aniwave .aniwave-search-results .aniwave-search-poster-fallback[hidden],
body.landing-aniwave .aniwave-search-results .film-poster-img[hidden] { display: none !important; }
body.landing-aniwave .aniwave-search-results .aniwave-search-poster-fallback span { color: #8751d5; }
body.landing-aniwave .aniwave-search-results .srp-detail { position: relative !important; inset: auto !important; float: none !important; display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; min-width: 0; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
body.landing-aniwave .aniwave-search-results .film-name { display: block; overflow: hidden; margin: 0 0 4px !important; padding: 0 !important; color: #d6deeb; font-size: 14px; font-weight: 500; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
body.landing-aniwave .aniwave-search-results > a.nav-item:hover .film-name,
body.landing-aniwave .aniwave-search-results > a.nav-item.active .film-name { color: #fff; }
body.landing-aniwave .aniwave-search-results .alias-name { display: block; overflow: hidden; margin: 0 0 4px !important; padding: 0 !important; color: #8a92a0; font-size: 12px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
body.landing-aniwave .aniwave-search-results .film-infor { display: flex; flex-wrap: wrap; align-items: center; margin: 0 !important; padding: 0 !important; color: #777f8c; font-size: 11.5px; line-height: 1.3; }
body.landing-aniwave .aniwave-search-results .film-infor .dot { display: inline-block; width: 3px; height: 3px; margin: 0 6px; border-radius: 50%; background: #666; vertical-align: middle; }
body.landing-aniwave .aniwave-search-results .clearfix { display: none !important; }
body.landing-aniwave .aniwave-search-footer { display: flex; justify-content: space-between; align-items: center; min-height: 40px; padding: 0 14px; border-top: 1px solid #303030; background: #1d1d1d; }
body.landing-aniwave .aniwave-search-hint { padding: 8px 0; color: #777; font-size: 11px; }
body.landing-aniwave .aniwave-view-all { color: #888; font-size: 12px; text-decoration: none; white-space: nowrap; }
body.landing-aniwave .aniwave-view-all:hover { color: #ccc; }
body.landing-aniwave .aniwave-view-all[hidden] { display: none; }
body.landing-aniwave .aniwave-search-hint kbd { display: inline-block; margin: 0 3px 0 0; padding: 1px 4px; border: 1px solid #555; border-radius: 3px; color: #aaa; font: inherit; }
body.landing-aniwave .aniwave-icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
body.landing-aniwave .aniwave-search-hint kbd { vertical-align: middle; padding: 0; border: 0; line-height: 0; }
body.landing-aniwave .aniwave-search-hint kbd .icon { display: block; width: 19px; height: 18px; color: #777; }
body.landing-aniwave .aniwave-search-hint kbd:nth-of-type(3) .icon { width: 21px; }
body.landing-aniwave .aniwave-search-hint kbd:nth-of-type(4) .icon { width: 25px; }
body.landing-aniwave .aniwave-search-empty { padding: 18px 14px; color: #888; }
@media (prefers-reduced-motion: reduce) {
	body.landing-aniwave .aniwave-search-suggest { transition: none; transform: none; }
	body.landing-aniwave .aniwave-search-loading i { animation-duration: 1.5s; }
}
body.landing-aniwave .xhashtag { display: none; }
body.landing-aniwave .aniwave-hero-art { position: relative; display: block; width: min(100%, 500px); aspect-ratio: 13 / 12; margin: 0 auto; }
body.landing-aniwave .aniwave-hero-art img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 16px 38px rgba(0,0,0,.65)); }
body.landing-aniwave .aniwave-cta { position: relative; z-index: 2; height: 0; margin: 0; text-align: center; }
body.landing-aniwave .aniwave-cta .btn { position: relative; top: -62px; border: 0; border-radius: 24px; padding: 14px 22px; background: #f5c329; color: #17120a; font-weight: 700; }
body.landing-aniwave .aniwave-cta .aniwave-arrow { display: inline-block; width: 20px; height: 20px; margin-left: 6px; vertical-align: -4px; color: #17120a; }
body.landing-aniwave .mw-body { padding-top: 0; }
body.landing-aniwave .mw-body .mwb-2col { display: block; max-width: 780px; margin: 96px auto 0; }
body.landing-aniwave .mw-body .mwb-left { float: none; width: auto; font-size: 13px; line-height: 1.7; }
body.landing-aniwave .mw-body .mwb-left h1,
body.landing-aniwave .mw-body .mwb-left h2 { color: #f4f4f4; }
body.landing-aniwave #xfooter-about { background: #050505; }
body.landing-aniwave .landing-intro > .aniwave-share { position: relative; z-index: 1; display: block; box-sizing: border-box; width: 100%; max-width: 830px; margin: -2px auto 0 !important; padding: 8px 12px 12px; float: none; left: auto; right: auto; background: transparent; text-align: center; }
body.landing-aniwave .landing-intro > .aniwave-share .share-buttons-block { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 8px; width: 100%; margin: 0 auto; float: none; text-align: center; }
body.landing-aniwave .landing-intro > .aniwave-share .sbb-title { flex: 0 0 100%; width: 100%; float: none; margin: 0 !important; text-align: center; color: #aaa; font-size: 13px; }
body.landing-aniwave .aniwave-share .sbb-title span { color: #aaa; font-size: 13px; font-weight: 400; }
body.landing-aniwave .aniwave-share .sbb-title span::before { content: 'i'; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-right: 4px; border-radius: 50%; background: #aaa; color: #111; font-size: 10px; font-weight: 700; }
body.landing-aniwave .aniwave-share .sbb-title p { display: none; }
body.landing-aniwave .landing-intro > .aniwave-share .sbb-social { float: none; display: flex; justify-content: center; align-items: center; gap: 8px; width: auto; max-width: 100%; margin: 0 auto; text-align: center; }
body.landing-aniwave .aniwave-share .st-total { order: 0; min-width: 64px; }
body.landing-aniwave .aniwave-share .st-btn { height: 32px; min-width: 120px; border-radius: 5px; }
body.landing-aniwave .aniwave-share [data-network='facebook'] { order: 1; }
body.landing-aniwave .aniwave-share [data-network='twitter'] { order: 2; }
body.landing-aniwave .aniwave-share [data-network='messenger'] { order: 3; }
body.landing-aniwave .aniwave-share [data-network='reddit'] { order: 4; }
body.landing-aniwave .aniwave-share [data-network='whatsapp'] { order: 5; }
body.landing-aniwave .aniwave-share [data-network='telegram'] { order: 6; }
body.landing-aniwave .aniwave-share [data-network='native'] { display: none; }
body.landing-aniwave .aniwave-share .aniwave-network { display: inline-flex; }
@media (max-width: 780px) {
	body.landing-aniwave #xheader { padding: 20px 12px 0; }
	body.landing-aniwave #xheader_menu ul.header_menu-list { gap: 0; flex-wrap: wrap; }
	body.landing-aniwave #xheader_menu ul.header_menu-list .nav-link { height: 40px; line-height: 40px; padding: 0 7px; font-size: 12px; }
	body.landing-aniwave #mw-top .mwt-content { padding: 0 15px 0; }
	body.landing-aniwave #xsearch.home-search .search-content { margin-bottom: 8px; }
	body.landing-aniwave .aniwave-hero-art { width: min(100%, 460px); }
	body.landing-aniwave .aniwave-cta .btn { top: -54px; }
	body.landing-aniwave .aniwave-share { padding-left: 8px; padding-right: 8px; }
	body.landing-aniwave .aniwave-share .share-buttons-block { flex-direction: column; }
	body.landing-aniwave .aniwave-share .sbb-title { flex-basis: auto; }
	body.landing-aniwave .landing-intro > .aniwave-share .sbb-social,
	body.landing-aniwave .aniwave-share .st-inline-share-buttons { display: flex !important; flex-wrap: nowrap !important; width: 100%; gap: 6px !important; }
	body.landing-aniwave .aniwave-share .st-btn:not([data-network='native']) { display: inline-flex !important; flex: 1 1 0 !important; min-width: 0 !important; height: 34px; padding: 0 !important; gap: 0 !important; align-items: center !important; justify-content: center !important; }
	body.landing-aniwave .aniwave-share .st-btn > svg { width: 17px !important; height: 17px !important; margin: 0 !important; }
	body.landing-aniwave .aniwave-share .st-inline-share-buttons.st-has-labels .st-btn:not(.st-remove-label) > span,
	body.landing-aniwave .aniwave-share .st-inline-share-buttons.st-has-labels .st-btn > span,
	body.landing-aniwave .aniwave-share .st-btn .st-label { display: none !important; }
	body.landing-aniwave .mw-body .mwb-left { font-size: 13px; }
}

@media (min-width: 781px) {
	body.landing-aniwave .container,
	body.landing-aniwave #xheader,
	body.landing-aniwave #mw-top > .container,
	body.landing-aniwave .mw-body > .container,
	body.landing-aniwave #xfooter-about > .container {
		box-sizing: border-box;
		width: 100% !important;
		max-width: none !important;
		margin-right: auto;
		margin-left: auto;
		padding-right: clamp(24px, 4vw, 64px) !important;
		padding-left: clamp(24px, 4vw, 64px) !important;
	}
	body.landing-aniwave #xheader { padding-top: 34px; }
	body.landing-aniwave .aniwave-brand {
		max-width: 320px;
		margin-bottom: 8px;
		font-size: clamp(38px, 2.8vw, 48px);
		letter-spacing: -1.8px;
	}
	body.landing-aniwave .aniwave-brand img {
		width: 240px;
		height: 64px;
	}
	body.landing-aniwave #xheader_menu ul.header_menu-list {
		gap: 20px;
		margin-top: 14px;
	}
	body.landing-aniwave #xheader_menu ul.header_menu-list .nav-link {
		height: 48px;
		line-height: 48px;
		padding: 0 12px;
		font-size: clamp(15px, 1.05vw, 17px);
		font-weight: 500;
		transition: color .18s ease;
	}
	body.landing-aniwave #xheader_menu ul.header_menu-list .nav-link:hover { color: #b48ef8; }
	body.landing-aniwave #xsearch.home-search {
		width: min(100%, 780px);
		margin-top: 16px;
	}
	body.landing-aniwave #xsearch.home-search .search-input {
		height: 46px;
		padding: 0 54px 0 56px;
		border-radius: 7px;
		font-size: 15.5px;
	}
	body.landing-aniwave #xsearch.home-search:focus-within .search-input { border-radius: 7px 7px 0 0; }
	body.landing-aniwave .aniwave-search-clear {
		height: 46px;
		padding: 0 16px;
		font-size: 13.5px;
	}
	body.landing-aniwave #xsearch.home-search .search-content .search-submit,
	body.landing-aniwave #xsearch.home-search .search-content .search-submit .search-icon {
		width: 52px;
		height: 46px;
	}
	body.landing-aniwave #xsearch.home-search .search-content .search-submit .search-icon svg {
		width: 21px;
		height: 21px;
	}
	body.landing-aniwave #xsearch.home-search .search-content::after {
		top: 12px;
		right: 14px;
		width: 20px;
		height: 22px;
		font: 12px/20px Arial, sans-serif;
	}
	body.landing-aniwave .aniwave-search-suggest { top: 46px; }
	body.landing-aniwave .aniwave-search-tools {
		min-height: 38px;
		font-size: 13.5px;
	}
	body.landing-aniwave .aniwave-search-results .film-name { font-size: 15px; }
	body.landing-aniwave .aniwave-search-results .film-infor,
	body.landing-aniwave .aniwave-search-results .alias-name { font-size: 12.5px; }
	body.landing-aniwave .aniwave-hero-art { width: min(100%, 600px); }
	body.landing-aniwave .aniwave-cta .btn {
		top: -68px;
		padding: 16px 30px;
		border-radius: 28px;
		font-size: clamp(18px, 1.2vw, 21px);
		box-shadow: 0 10px 28px rgba(245, 195, 41, .26);
		transition: transform .18s ease, box-shadow .18s ease;
	}
	body.landing-aniwave .aniwave-cta .btn:hover {
		transform: translateY(-2px);
		box-shadow: 0 14px 32px rgba(245, 195, 41, .38);
	}
	body.landing-aniwave .aniwave-cta .aniwave-arrow {
		width: 23px;
		height: 23px;
		margin-left: 8px;
	}
	body.landing-aniwave .landing-intro > .aniwave-share {
		max-width: 1040px;
		padding: 12px 16px 16px;
	}
	body.landing-aniwave .landing-intro > .aniwave-share .sbb-title,
	body.landing-aniwave .aniwave-share .sbb-title span {
		margin-bottom: 4px !important;
		font-size: 14.5px;
	}
	body.landing-aniwave .aniwave-share .sbb-title span::before {
		width: 16px;
		height: 16px;
		margin-right: 6px;
		font-size: 11px;
	}
	body.landing-aniwave .aniwave-share .st-btn {
		height: 36px;
		min-width: 136px;
		border-radius: 6px;
	}
	body.landing-aniwave .mw-body .mwb-2col {
		width: 100%;
		max-width: none;
		margin: 72px auto 0;
	}
	body.landing-aniwave .mw-body .mwb-left {
		font-size: clamp(15px, 1.05vw, 17px);
		line-height: 1.8;
		color: #d0d4dc;
	}
	body.landing-aniwave .mw-body .mwb-left p {
		line-height: 1.8;
		margin-bottom: 1.15em;
	}
	body.landing-aniwave .mw-body .mwb-left h1,
	body.landing-aniwave .mw-body .mwb-left .mw-heading {
		margin: 0 0 20px;
		color: #fff;
		font-size: clamp(26px, 2vw, 34px);
		font-weight: 700;
		line-height: 1.3;
	}
	body.landing-aniwave .mw-body .mwb-left h2 {
		margin: 32px 0 14px;
		color: #f5f5f5;
		font-size: clamp(20px, 1.45vw, 25px);
		font-weight: 600;
		line-height: 1.35;
	}
	body.landing-aniwave .mw-body .mwb-left h3 {
		margin: 24px 0 12px;
		color: #f5f5f5;
		font-size: clamp(18px, 1.25vw, 21px);
		font-weight: 600;
		line-height: 1.4;
	}
	body.landing-aniwave .mw-body .mwb-left ul {
		padding-left: 22px;
		margin-bottom: 22px;
	}
	body.landing-aniwave .mw-body .mwb-left ul li {
		margin-bottom: 12px;
		line-height: 1.8;
	}
	body.landing-aniwave .mw-body .mwb-left ul li strong {
		color: #fff;
		font-weight: 600;
	}
	body.landing-aniwave #xfooter-about {
		margin-top: 64px;
		padding-bottom: 48px;
	}
	body.landing-aniwave #xfooter-about .copyright {
		color: #9a9ea8;
		font-size: 14.5px;
	}
}