*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;touch-action:manipulation;background-color:#f7f8f9;width:100%;height:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px}#app{width:100%;height:100%}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,a,[role=button]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:root{--color-primary:#f596aa;--color-primary-6:#f596aa;--color-primary-light-1:#ffddd5;--color-primary-light-2:#ffc4b3;--color-secondary:#f28b82;--color-text:#333;--color-text-1:#1d2129;--color-text-2:#4e5969;--color-text-3:#86909c;--color-text-light:#666;--color-text-lighter:#999;--color-bg:#f7f8f9;--color-bg-1:#fff;--color-border:#eaebec;--color-fill-2:#f2f3f5;--color-neutral-3:#e5e6eb}.flex{display:flex}.flex-base{flex:1}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.align-items{justify-content:center;align-items:center}.content-between{justify-content:space-between}.content-around{justify-content:space-around}.content-center{justify-content:center}.content-end{justify-content:flex-end}.text-center{text-align:center}.view-sticky{z-index:9;position:sticky;top:0}.p-pointer{cursor:pointer}.flash-view{position:relative;overflow:hidden}.flash-view:after{content:"";opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.flash-view:hover:after{opacity:1;animation:1.5s infinite flash}@keyframes flash{0%{transform:translate(-100%,-100%)rotate(30deg)}to{transform:translate(100%,100%)rotate(30deg)}}.theme-button-bg{cursor:pointer;color:#fff;background:linear-gradient(90deg,#f4a7b9,#f596aa);border:none;justify-content:center;align-items:center;min-width:88px;height:30px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;border-radius:42px!important}.theme-button-border{cursor:pointer;color:#f596aa;background:#fff;border:1px solid #f596aa;border-radius:42px;justify-content:center;align-items:center;min-width:88px;height:30px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.theme-button-border:hover{color:#fff;background:linear-gradient(90deg,#f4a7b9,#f596aa)}.theme-color{color:#f596aa}.theme-color-hover:hover,.theme-color-text-hover:hover,.theme-icon{color:#f596aa!important}.font-bold{font-weight:700}.hide-overflow{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.art-video-player{height:100%!important}@media (hover:none) and (pointer:coarse){input,textarea,.ant-input,.ant-input-affix-wrapper input{font-size:16px!important}}[role=button]:focus-visible{outline-offset:2px;outline:2px solid #f596aa}.app-menu{width:100%;height:100%}.app-menu .menu-item{cursor:pointer;background:#fff;border-right:1px solid #e9ecef;width:100%;height:50px;padding:0 16px 0 31px;position:relative}.app-menu .menu-item .menu-item-name{color:#282828;margin-left:8px;font-size:16px;font-weight:700}.app-menu .menu-item .menu-item-icon{font-weight:700}.app-menu .menu-item .menu-item-go{color:#f596aa;font-weight:700;display:none;position:absolute;right:60px}@keyframes go{0%{right:60px}to{right:30px}}.app-menu .menu-item:hover .menu-item-icon{color:#f596aa}.app-menu .menu-item:hover .menu-item-name{color:#f596aa;font-weight:700}.app-menu .menu-item:hover .menu-item-go{animation:.3s forwards go;display:block;right:16px}.app-menu .menu-item.active{background:#f7f8f9;border-right:none}.app-menu .menu-item.active .menu-item-icon{color:#f596aa}.app-menu .menu-item.active .menu-item-name{color:#f596aa;font-weight:700}.app-menu .menu-item.active:hover .menu-item-go{display:none}.app-menu .menu-item .menu-item-icon-active{opacity:.3;background:0 0;width:30px;height:100%;position:absolute;top:0;left:0}.app-menu .menu-logo{background:#fff;border-right:1px solid #e9ecef;width:100%;padding:10px 0}.app-menu .menu-logo .menu-logo-text{color:#f596aa;font-size:24px;font-weight:800;line-height:40px}.app-menu .menu-top-radius{border-bottom-right-radius:25px}.app-menu .menu-bottom-radius{border-top-right-radius:25px}.app-menu .menu-more{background:#fff}@media screen and (width<=1023px){.app-menu .menu-item-icon-active{display:none}.app-menu .menu-item{flex-direction:column;justify-content:center;align-items:center}.app-menu .menu-item .menu-item-name{margin-top:3px;margin-left:0;font-size:12px}.app-menu .menu-item:hover .menu-item-go{display:none}}.search-container{position:relative}.search-container .search{background:#e4e6ea;border-radius:8px;height:40px}.search-container .navbar-search{width:260px}@media (width>=550px){.search-container .navbar-search{width:220px}}@media (width>=650px){.search-container .navbar-search{width:280px}}@media (width>=850px){.search-container .navbar-search{width:500px}}@media (width>=1100px){.search-container .navbar-search{width:580px}}.search-container .search-containerh-recommend{z-index:20;background:#fff;border-radius:0 0 8px 8px;width:97%;padding:10px 0;position:absolute;top:40px;left:1.5%;box-shadow:0 0 10px #0000001a}.search-container .search-containerh-recommend .recommend-item{color:#282828;cursor:pointer;padding:0 10px;font-size:15px;font-weight:600;line-height:40px;text-decoration:none}.search-container .search-containerh-recommend .recommend-item:hover{background:#a5a5a5}.navbar-container{width:100%;padding:0 40px}.header-op-user{color:#fff;height:36px;margin-left:10px;font-size:14px;position:relative}.right-item{cursor:pointer;margin-left:18px}.right-item .right-item-icon{color:#000;margin-right:5px}.right-item .right-item-text{color:#000}.navbar{background:#f7f8f9;border-bottom:1px solid #eaebec;width:100%;height:60px;margin-bottom:20px}.safe-area-top{padding-top:env(safe-area-inset-top);padding-top:constant(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}.safe-area-x{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.navbar-mobile{width:100%;padding:env(safe-area-inset-top) 16px 0;box-sizing:border-box;background:#f7f8f9;flex-shrink:0;min-width:0;height:48px;overflow:hidden}.navbar-mobile .navbar-mobile-right{flex-shrink:0;justify-content:flex-end;gap:8px;width:auto;height:100%;margin-left:8px}.navbar-mobile .navbar-mobile-left{scrollbar-width:none;-ms-overflow-style:none;min-width:0;height:100%;position:relative;overflow-x:auto}.navbar-mobile .navbar-mobile-left::-webkit-scrollbar{width:0;height:0;display:none}.navbar-mobile .navbar-mobile-left:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f7f8f9);flex-shrink:0;width:16px;height:100%;position:sticky;top:0;right:0}.navbar-mobile .mobile-left-item{color:#616161;cursor:pointer;flex:none;min-width:44px;height:100%;margin-right:16px;font-size:16px;font-weight:700;position:relative}.navbar-mobile .mobile-left-item:last-child{margin-right:0}.navbar-mobile .mobile-left-item .left-text{z-index:2;position:relative}@media screen and (width<=479px){.navbar-mobile .mobile-left-item{margin-right:14px;font-size:15px}}.navbar-mobile .mobile-left-item .left-current{z-index:1;background:#fcd877;border-radius:3px;width:100%;height:6px;position:absolute;bottom:6px;left:0}.navbar-mobile .right-item{cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-right:0;display:inline-flex}.footer-bottom{background-color:var(--color-bg);border-top:1px solid var(--color-border);margin-top:50px;padding:30px 0;box-shadow:0 -2px 10px #00000008}@media screen and (width<=767px){.footer-bottom{margin-top:24px;padding:16px 0}}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}@media screen and (width<=767px){.footer-content{padding:0 16px}}.footer-copyright{color:var(--color-text-lighter);text-align:center;max-width:800px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:0 15px;font-size:13px;line-height:1.7}@media screen and (width<=479px){.footer-copyright{margin-bottom:12px;padding:0 10px;font-size:12px;line-height:1.6}}.footer-icp{color:var(--color-text-light);text-align:center;border-top:1px solid var(--color-border);margin-top:15px;padding-top:15px;font-size:14px}@media screen and (width<=767px){.footer-icp{margin-top:10px;padding-top:10px;font-size:12px}}.copyright-text{color:var(--color-text-lighter);font-size:13px;transition:all .3s;display:inline-block;position:relative}.copyright-text:hover{color:var(--color-primary)}.app{background:#f7f8f9;width:100vw;height:100dvh;overflow:hidden}.app .app-layout{flex-shrink:0;width:200px;height:100%}@media screen and (width<=1023px){.app .app-layout{width:100px}}.app>.flex-base{min-width:0;min-height:0}.app .app-content{-webkit-overflow-scrolling:touch;width:100%;min-width:0;padding:0 40px 40px;overflow:hidden auto}.app .app-content.app-content-mobile{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.app .app-content>*{max-width:2200px;margin-left:auto;margin-right:auto}@media screen and (width>=1920px){.app .carousel-container .custom-carousel,.app .carousel-container .carousel-item{height:480px}}.app.app--mobile .app-only-desktop,.app.app--desktop .app-only-mobile{display:none!important}.carousel-container{border-radius:16px;width:100%;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px #0000001a}@media screen and (width<=767px){.carousel-container{border-radius:12px;margin-bottom:16px}}.carousel-container .custom-carousel{height:350px}@media screen and (width<=767px){.carousel-container .custom-carousel{height:clamp(180px,56.25vw,240px)}}.carousel-container .carousel-item{height:350px;position:relative}@media screen and (width<=767px){.carousel-container .carousel-item{height:clamp(180px,56.25vw,240px)}}.carousel-container .carousel-item .carousel-content{flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.carousel-container .carousel-item .carousel-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.carousel-container .carousel-item .carousel-info{color:#fff;background:linear-gradient(#0000,#000000b3);padding:20px;position:relative}@media screen and (width<=767px){.carousel-container .carousel-item .carousel-info{padding:12px 14px}}.carousel-container .carousel-item .carousel-info .title{margin:0 0 8px;font-size:24px;font-weight:600}@media screen and (width<=767px){.carousel-container .carousel-item .carousel-info .title{margin-bottom:4px;font-size:16px}}.carousel-container .carousel-item .carousel-info .episode{opacity:.9;margin-bottom:8px;font-size:14px}@media screen and (width<=767px){.carousel-container .carousel-item .carousel-info .episode{margin-bottom:4px;font-size:12px}}.carousel-container .carousel-item .carousel-info .description{opacity:.8;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}@media screen and (width<=767px){.carousel-container .carousel-item .carousel-info .description{-webkit-line-clamp:1;font-size:12px}}.video-list{margin-bottom:20px;padding:0}.video-card{background:#fff;border-radius:8px;width:100%;transition:transform .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.video-card:hover{transform:translateY(-6px)}.video-card:hover .video-info .video-title{color:#f596aa}@media (hover:none) and (pointer:coarse){.video-card:hover{transform:none}}.video-card .video-cover{width:100%;padding-top:133%;position:relative;overflow:hidden}.video-card .video-cover a{width:100%;height:100%;position:absolute;top:0;left:0}.video-card .video-cover img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-card .video-info{width:100%;height:60px;padding:8px}@media screen and (width<=767px){.video-card .video-info{height:54px;padding:6px 8px}}.video-card .video-info .video-link{color:inherit;height:100%;text-decoration:none;display:block}.video-card .video-info .video-title{color:var(--color-text);-webkit-line-clamp:1;white-space:normal;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;height:20px;margin:0 0 4px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}@media screen and (width<=767px){.video-card .video-info .video-title{font-size:13px}}.video-card .video-info .video-episode{color:#999;height:18px;margin:0;font-size:12px;line-height:1.5;overflow:hidden}@media screen and (width<=767px){.video-card .video-info .video-episode{font-size:11px}}.load-more{text-align:center;padding:20px 0}.load-more .no-more{color:#999;font-size:14px}.home-container{padding:16px}@media screen and (width<=767px){.home-container{padding:12px}}.home-container .video-section{text-align:left;margin-bottom:20px}@media screen and (width<=767px){.home-container .video-section{margin-bottom:16px}}.home-container .video-section .section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}@media screen and (width<=767px){.home-container .video-section .section-header{margin-bottom:10px}}.home-container .video-section .section-title{color:var(--color-text);text-align:left;border-left:4px solid #f596aa;align-items:center;margin:0;padding-left:10px;font-size:20px;font-weight:700;line-height:1.2;display:flex;position:relative}@media screen and (width<=767px){.home-container .video-section .section-title{border-left-width:3px;padding-left:8px;font-size:16px}}.home-container .video-section .more-link{color:#999;align-items:center;font-size:14px;text-decoration:none;transition:color .3s;display:flex}.home-container .video-section .more-link:hover{color:#f596aa}.home-container .video-section .more-link svg{margin-left:4px}@media screen and (width<=767px){.home-container .video-section .more-link{font-size:12px}}.not-found-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.not-found-container .title{color:var(--color-primary);margin:0;font-size:120px;font-weight:700;line-height:1}@media (width<=768px){.not-found-container .title{font-size:80px}}.not-found-container .subtitle{color:var(--color-text-light);margin:20px 0 30px;font-size:24px}@media (width<=768px){.not-found-container .subtitle{font-size:20px}}.not-found-container .home-button{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border:none;border-radius:50px;height:auto;padding:10px 30px;font-size:16px;box-shadow:0 4px 10px #f596aa4d}.not-found-container .home-button:hover{transform:translateY(-3px);box-shadow:0 6px 15px #f596aa66}.login-box,.register-box{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;padding:40px 30px;position:relative}@media screen and (width<=480px){.login-box,.register-box{padding:30px 20px}}.login-box h2,.register-box h2{text-align:center;color:#333;margin-bottom:30px;font-size:26px}@media screen and (width<=480px){.login-box h2,.register-box h2{margin-bottom:25px;font-size:22px}}.close-btn{z-index:10;position:absolute;top:15px;right:15px}.close-btn .ant-btn{border:none;border-radius:50%;min-width:auto;padding:8px;transition:all .3s}.close-btn .ant-btn:hover{color:#f596aa}.input-group{margin-bottom:10px}.input-group .ant-input-affix-wrapper{background-color:#f8f8f8;border:1px solid #eee;border-radius:10px;padding:10px 15px;transition:all .3s}.input-group .ant-input-affix-wrapper:hover,.input-group .ant-input-affix-wrapper:focus-within{background-color:#fff;border-color:#f596aa;box-shadow:0 0 0 2px #f596aa1a}.error{color:#f53f3f;min-height:20px;margin:0 0 15px;padding-left:5px;font-size:12px;display:block}.login-btn,.register-btn{background:linear-gradient(135deg,#f596aa 0%,#f28b82 100%);border:none;border-radius:23px;width:100%;height:46px;margin:25px 0 20px;font-size:16px;box-shadow:0 4px 10px #f596aa4d}.login-btn:hover,.register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f596aa66;background:linear-gradient(135deg,#f28b82 0%,#f596aa 100%)!important}.login-title,.register-title{text-align:center;position:relative}.login-title .login-title-text,.register-title .login-title-text,.login-title .register-title-text,.register-title .register-title-text{z-index:2;position:relative}.login-title:before,.register-title:before{content:"";z-index:1;background:#ffddd5;border-radius:4px;width:100px;height:15px;margin-left:-50px;position:absolute;bottom:3px;left:50%;transform:skew(-15deg)}.register-link{color:#999;justify-content:center;gap:30px;font-size:14px;display:flex}.register-link span:hover{color:#f596aa}.footer-links{text-align:center;padding:0 5px}.footer-links span{color:#666;cursor:pointer;font-size:14px}.footer-links span:hover{color:#f596aa}.captcha-group{align-items:center;gap:10px;margin-bottom:20px;display:flex}.captcha-group .ant-input-affix-wrapper{flex:1}.captcha-group .captcha-image{cursor:pointer;border-radius:8px;width:150px;height:40px;overflow:hidden;box-shadow:0 2px 6px #0000001a}.captcha-group .captcha-image img{object-fit:cover;width:100%;height:100%}.contact-group{align-items:center;gap:10px;margin-bottom:20px;display:flex}.contact-group .ant-input-affix-wrapper{flex:1}.contact-group .send-code-btn{white-space:nowrap;color:#f596aa;border-color:#f596aa;width:120px;height:40px}.contact-group .send-code-btn:hover:not(:disabled){color:#f28b82;background-color:#f596aa1a;border-color:#f28b82}.qq-allowed-page{background:#f7f8f9;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.qq-allowed-box{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px 30px;box-shadow:0 10px 30px #f596aa29}@media screen and (width<=480px){.qq-allowed-box{padding:30px 20px}}.qq-allowed-title{z-index:1;color:#333;text-align:center;margin-bottom:30px;font-size:26px;position:relative}.qq-allowed-title:before{content:"";z-index:-1;background:#ffddd5;border-radius:4px;width:100px;height:15px;margin-left:-50px;position:absolute;bottom:3px;left:50%;transform:skew(-15deg)}@media screen and (width<=480px){.qq-allowed-title{margin-bottom:25px;font-size:22px}}.qq-allowed-input{margin-bottom:25px}.qq-allowed-input .ant-input-affix-wrapper{background-color:#f8f8f8;border:1px solid #eee;border-radius:10px;padding:10px 15px;transition:all .3s}.qq-allowed-input .ant-input-affix-wrapper:hover,.qq-allowed-input .ant-input-affix-wrapper:focus-within{background-color:#fff;border-color:#f596aa;box-shadow:0 0 0 2px #f596aa1a}.qq-allowed-btn{background:linear-gradient(135deg,#f596aa 0%,#f28b82 100%);border:none;border-radius:23px;width:100%;height:46px;font-size:16px;box-shadow:0 4px 10px #f596aa4d}.qq-allowed-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f596aa66;background:linear-gradient(135deg,#f28b82 0%,#f596aa 100%)!important}