:root{--primary:#e41e20;--primary-light:#c33;--text:#222;--text-secondary:#333;--text-light:#666;--text-muted:#999;--bg:#fff;--bg-soft:#f5f5f5;--bg-softer:#f8f8f8;--card-bg:#fff;--border:#ddd;--border-soft:#eee;--border-softer:#f0f0f0;--shadow:0 4px 8px rgba(0,0,0,0.12);--shadow-soft:0 2px 8px rgba(0,0,0,0.06);--mobile-spacing-xs:4px;--mobile-spacing-sm:8px;--mobile-spacing-md:12px;--mobile-spacing-lg:16px;--mobile-spacing-xl:20px;--mobile-font-xs:11px;--mobile-font-sm:12px;--mobile-font-md:14px;--mobile-font-lg:16px;--mobile-font-xl:18px;--mobile-font-2xl:20px}*{box-sizing:border-box}body,html{height:100%;margin:0;font-family:Segoe UI,Tahoma,Arial,Microsoft Yahei,sans-serif;color:#222;overflow-x:hidden}body{font-size:14px;line-height:1.6;background:#fff}body,html{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;height:auto}.site-container{max-width:1100px;margin:0 auto;padding-left:12px;padding-right:12px}.sticky-header{position:relative}.header-top,.site-header,.sticky-header{background:#fff}.header-left{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.logo{font-size:28px;color:#c33;font-weight:700}.logo img{display:block;height:56px;width:auto}.site-title{flex:1 1;text-align:center;padding:0 20px;margin:0 30px}.site-title h1{margin:0;font-size:24px;color:#e41e20;font-weight:500;line-height:1.3;font-family:STXingkai,华文行楷,KaiTi,楷体,serif;letter-spacing:3px}.site-title p{margin:4px 0 0;font-size:14px;color:#666;font-weight:400;letter-spacing:.5px}.search{display:flex;gap:6px}.search input{padding:6px 10px;border:1px solid #ddd;border-radius:2px}.search button{background:#c33;color:#fff;border:none;padding:6px 12px;border-radius:2px;cursor:pointer}.search-wrap{display:flex;flex-direction:column;align-items:flex-end}.auth-link{font-size:14px;color:#c33;text-decoration:none;margin-bottom:6px}.auth-link:hover{text-decoration:underline}.header-divider{height:1px;background:#ddd;margin:6px auto 0;border-radius:0;max-width:1100px}.main-nav{gap:18px;padding:8px 0}.main-nav,.nav-link-simple{display:flex;align-items:center}.nav-link-simple{color:#333;text-decoration:none;padding:6px 16px;font-size:15px;flex-direction:column;gap:2px;line-height:1.2;min-width:120px;justify-content:center;position:relative}.nav-link-simple span{font-size:10px;color:#999;font-weight:300}.nav-link-simple:hover,.nav-link-simple:hover span{color:#e41e20}.nav-link-simple.active{color:#e41e20;font-weight:700}.nav-link-simple.active span{color:#e41e20}.nav-link-simple.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:#e41e20}.nav-item,.nav-link{position:relative}.nav-link{color:#333;text-decoration:none;padding:6px 32px 6px 16px;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2;font-size:15px;min-width:120px;justify-content:center}.nav-link:after{content:"▼";font-size:8px;color:#999;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .3s}.nav-link span{font-size:10px;color:#999;font-weight:300}.nav-link:hover,.nav-link:hover span,.nav-link:hover:after{color:#e41e20}.nav-item.active .nav-link{color:#e41e20;font-weight:700}.nav-item.active .nav-link span,.nav-item.active .nav-link:after{color:#e41e20}.nav-item:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:#e41e20;transition:width .3s}.nav-item.active:before{width:60%}.nav-item:hover .nav-link:after{transform:translateY(-50%) rotate(180deg)}.sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:none;box-shadow:0 6px 16px rgba(0,0,0,.15);min-width:140px;z-index:1000;padding:12px 0;border-radius:4px;margin-top:0}.sub-menu:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;background:transparent}.sub-menu:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;margin-top:-8px}.sub-menu a{display:block;padding:10px 20px;color:#555;text-decoration:none;white-space:nowrap;font-size:14px;text-align:left;transition:all .2s;border-left:3px solid transparent;cursor:pointer}.sub-menu a:hover{background:#f8f8f8;color:#e41e20;border-left-color:#e41e20;padding-left:24px}.nav-item:hover .sub-menu{display:block;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.banner{margin:2px 0 16px;box-shadow:0 4px 8px rgba(0,0,0,.12);border-radius:4px}.banner,.carousel{position:relative;overflow:hidden}.carousel{height:420px;border:none;border-radius:4px}.carousel .slide{position:absolute;inset:0;background-size:cover;background-position:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;transition:opacity 1.2s ease-in-out;opacity:0;cursor:pointer}.carousel .slide.active{opacity:1;z-index:1}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;color:#fff;border:none;font-size:42px;line-height:48px;width:48px;height:48px;padding:0;text-align:center;border-radius:50%;cursor:pointer;z-index:10;transition:transform .3s,text-shadow .3s;font-family:Arial,sans-serif;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}.carousel-btn:hover{transform:translateY(-50%) scale(1.2);text-shadow:0 3px 6px rgba(0,0,0,.9)}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-caption-below{position:absolute;bottom:0;left:0;right:0;background:rgba(128,128,128,.75);padding:8px 16px;text-align:left;z-index:5}.carousel-title{font-size:18px;font-weight:700;margin:0 0 3px;color:#fff}.carousel-description{font-size:13px;color:#fff;line-height:1.4;margin:0 0 0 20px}.carousel-indicators{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.indicator{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .3s}.indicator.active,.indicator:hover{background:rgba(255,255,255,.9)}.columns{display:grid;grid-template-columns:1fr 1fr 340px;grid-gap:20px;gap:20px;margin-top:18px;align-items:stretch}.col-main,.col-right{height:100%}.col-main,.col-right,.col-sub{display:flex;flex-direction:column}.col-sub{height:49%}.col-sub-spacer{height:2%}.card{background:#fff;border:2px solid #000;padding:18px}.card h3{margin:0 0 12px;font-size:22px}.list{padding-left:18px;margin:0}.sidebar-highlight{border-left:6px solid #f60}.news-section{padding:0;border:1px solid #ddd;display:flex;flex-direction:column;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.12);border-radius:4px}.news-section-main,.news-section-sub{height:100%;display:flex;flex-direction:column}.news-section-main .news-list{min-height:433px;flex:1 1}.news-section-main .news-list li{height:10%;display:block}.news-section-sub .news-list{min-height:180px;flex:1 1}.news-section-sub .news-list li{height:25%;display:block;border-bottom:1px solid rgb(240,240,240)}.news-header{background:#f5f5f5;display:flex;justify-content:space-between;align-items:stretch;padding:0;border-bottom:2px solid #e41e20}.news-header h3{margin:0;color:#fff;font-size:15px;font-weight:700;background:#e41e20;padding:8px 16px;display:flex;flex-direction:column;align-items:center;position:relative;gap:2px;line-height:1.2;min-width:120px;justify-content:center}.news-header h3 span{font-size:10px;color:rgba(255,255,255,.85);font-weight:300}.news-header h3:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#e41e20}.news-header .more-link{color:#e41e20;text-decoration:none;font-size:13px;padding:8px 16px;border:none;border-radius:0;transition:background .3s;background:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.2;cursor:pointer}.news-header .more-link span{font-size:9px;color:#999;font-weight:300}.news-header .more-link:hover{background:#e8e8e8}.news-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;background:#fafafa}.news-list li{border-bottom:1px solid #f0f0f0;padding:0;background:#fff}.news-list li a{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:10px 16px;color:#333;text-decoration:none;font-size:14px;line-height:1.6;transition:background .2s;min-height:40px}.news-list li a:hover{background:#f9f9f9;color:#e41e20}.news-title{flex:1 1}.news-date{align-self:flex-end;color:#999;font-size:12px}.media{margin-top:18px;border:1px solid #ddd;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.12);border-radius:4px;overflow:hidden}.media-tabs-header{margin-bottom:0;border-radius:0;background:#f5f5f5;padding:0;display:flex;justify-content:space-between;align-items:stretch;border-bottom:2px solid #e41e20}.media-tabs-header .tabs-group{display:flex;align-items:stretch;gap:0}.media-tabs-header .more-link{color:#e41e20;border:none;padding:8px 16px;border-radius:0;transition:background .3s;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;font-size:13px;gap:1px;line-height:1.2;cursor:pointer}.media-tabs-header .more-link span{font-size:9px;color:#999;font-weight:300}.media-tabs-header .more-link:hover{background:#e8e8e8}.tabs{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tabs.small{margin-top:18px}.tab{background:#f5f5f5;border:none;border-right:1px solid #ddd;padding:8px 16px;color:#666;cursor:pointer;transition:all .3s;border-radius:0;position:relative;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.2}.tab,.tab h3{font-weight:700;font-size:13px}.tab h3{margin:0}.tab span{font-size:10px;color:#999;font-weight:300}.tab:hover{background:#e8e8e8;color:#333}.tab.active{background:#e41e20!important;color:#fff!important;border-color:transparent}.tab.active span{color:rgba(255,255,255,.85)!important}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#e41e20}.tab.active:hover{background:#c91e1e!important;color:#fff!important}.more{margin-left:auto;color:#c33;text-decoration:none;border:1px solid #f00;padding:6px 10px;border-radius:16px}.tab-content{display:none}.tab-content.active{display:grid}.tab-content[data-content=video]{grid-template-columns:repeat(3,1fr)}.tab-content[data-content=audio]{grid-template-columns:repeat(4,1fr)}.tab-content[data-content=magazine]{grid-template-columns:repeat(5,1fr)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;padding:16px;background:#fff;border:none}.media-card{background:#fff;padding:10px;border:1px solid #eee;text-align:center;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.media-card h4{margin:8px 0 0;font-size:14px;line-height:1.4;font-weight:400;color:#333;display:flex;flex-direction:column;gap:4px}.media-card h4 span{font-size:11px;color:#999;font-weight:300}.media-card:hover{transform:scale(1.03);box-shadow:0 4px 8px rgba(0,0,0,.1)}.thumb{height:120px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background-size:cover;background-position:50%}.thumb span{font-size:1.2rem;color:white;text-shadow:0 0 4px rgba(0,0,0,.8)}.row-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-top:12px}.row-card{background:#fff;border:1px solid #eee;padding:8px}.thumb-small{height:140px;background:#ddd;border:1px solid #ccc}.meta{padding:8px 0;color:#444}.site-footer{background:#312b2b;color:#fff;margin-top:40px;padding:28px 0}.footer-inner{display:flex;flex-direction:column;align-items:center}.footer-nav{opacity:.9}.copyright{opacity:.7;margin-top:10px}@media (max-width:1200px){.container{width:95%}}@media (max-width:900px){.columns{grid-template-columns:1fr;gap:16px}.grid,.row-cards{grid-template-columns:repeat(2,1fr)}}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal.show{opacity:1;display:flex}.modal-content{background:transparent;padding:0;width:90%;max-width:800px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);transform:scale(.9);transition:transform .3s ease;position:relative;overflow:hidden}.modal.show .modal-content{transform:scale(1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{color:#999;position:absolute;right:20px;top:20px;font-size:28px;font-weight:700;cursor:pointer;line-height:1;z-index:10;transition:color .3s;background:transparent;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;min-height:450px;position:relative;border-radius:12px;overflow:hidden}.modal-left,.modal-right{position:relative;overflow:hidden;transition:background-color .6s ease}.modal-left{background:#f5f5f5}.modal-left,.modal-right{padding:50px 40px;display:flex;align-items:center;justify-content:center}.modal-body.show-register .modal-left,.modal-right{background:#fff}.modal-body.show-register .modal-right{background:#f5f5f5}.content-wrapper{position:absolute;width:100%;opacity:0;transform:translateX(-100%);transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.content-wrapper.active{opacity:1;transform:translateX(0);pointer-events:auto}.modal-left .content-wrapper{transform:translateX(-100%)}.modal-left .content-wrapper.active{transform:translateX(0)}.modal-right .content-wrapper{transform:translateX(100%)}.modal-right .content-wrapper.active{transform:translateX(0)}.modal-body:not(.show-register) .modal-left .login-view.active{opacity:1!important;transform:translateX(0)!important;pointer-events:auto!important}.modal-body:not(.show-register) .modal-left .back-login-view{opacity:0!important;transform:translateX(-100%)!important;pointer-events:none!important}.modal-body:not(.show-register) .modal-right .register-btn-view.active{opacity:1!important;transform:translateX(0)!important;pointer-events:auto!important;display:flex!important}.modal-body:not(.show-register) .modal-right .register-form-view{opacity:0!important;transform:translateX(100%)!important;pointer-events:none!important}.modal-body.show-register .modal-left .login-view{opacity:0!important;transform:translateX(-100%)!important;pointer-events:none!important}.modal-body.show-register .modal-left .back-login-view{opacity:1!important;transform:translateX(0)!important;pointer-events:auto!important}.modal-body.show-register .modal-right .register-btn-view{opacity:0!important;transform:translateX(100%)!important;pointer-events:none!important}.modal-body.show-register .modal-right .register-form-view{opacity:1!important;transform:translateX(0)!important;pointer-events:auto!important}.modal-left h2,.modal-right h2{margin:0 0 40px;font-size:24px;color:#333;text-align:center;font-weight:400;display:flex;flex-direction:column;gap:8px}.modal-left h2 span,.modal-right h2 span{font-size:14px;color:#999;font-weight:300}.back-login-view h2,.register-btn-view h2{font-family:STXingkai,华文行楷,KaiTi,楷体,serif;letter-spacing:3px;font-weight:500}.back-login-view h2 span,.register-btn-view h2 span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.5px;color:#666;font-weight:400}.auth-form{width:100%;max-width:320px}.form-group{margin-bottom:20px}.form-group input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;background:#fff}.form-group input:focus{outline:none;border-color:#e41e20;box-shadow:0 0 0 2px rgba(228,30,32,.1)}.form-options{text-align:center;margin-bottom:24px}.forgot-link{color:#e41e20;text-decoration:none;font-size:14px;display:inline-flex;flex-direction:column;gap:4px;align-items:center}.forgot-link span{font-size:12px;color:#e41e20;font-weight:300}.forgot-link:hover{text-decoration:underline}.btn-submit{width:140px;padding:6px 8px;background:transparent;color:#e41e20;border:1px solid #e41e20;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:1px;align-items:center;margin:0 auto}.btn-submit span{font-size:11px;font-weight:300;color:#e41e20}.btn-submit:hover{transform:translateY(-2px);background:rgba(228,30,32,.05);box-shadow:0 4px 12px rgba(228,30,32,.2)}.btn-back-login,.btn-register{width:140px;padding:6px 8px;background:transparent;color:#e41e20;border:1px solid #e41e20;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:1px;align-items:center}.btn-back-login span,.btn-register span{font-size:11px;font-weight:300;color:#e41e20}.btn-back-login:hover,.btn-register:hover{transform:translateY(-2px);background:rgba(228,30,32,.05);box-shadow:0 4px 12px rgba(228,30,32,.2)}.register-buttons{display:flex;flex-direction:column;gap:20px;align-items:center}.register-type-selector{display:flex;gap:20px;margin-bottom:30px;justify-content:center}.type-btn{padding:8px 20px;background:#f0f0f0;color:#666;border:1px solid #ddd;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:2px;align-items:center}.type-btn span{font-size:11px;color:#999;font-weight:300}.type-btn.active{background:transparent;color:#e41e20;border:1px solid #e41e20}.type-btn.active span{color:#e41e20;opacity:1}.type-btn:hover{background:#e8e8e8}.type-btn.active:hover{background:rgba(228,30,32,.05)}.register-form{display:none}.register-form.active{display:block}.error-message{padding:8px 12px;margin-bottom:16px;font-size:13px;background-color:#fee;border-left:3px solid #e41e20;border-radius:4px;text-align:center;color:#e41e20}.swal2-container{z-index:99999!important}.full-height-panel{min-height:calc(100vh - 180px);padding:24px;background:#fff;display:block;overflow:visible}.detail-content{width:100%;overflow:visible}.detail-content img{max-width:100%;height:auto;display:block;margin:12px auto}.detail-content p{line-height:1.8;margin-bottom:16px}.character-item{list-style:none;display:flex;margin-bottom:20px;padding:16px;border:1px solid rgb(199,199,199);border-radius:8px;background:transparent;transition:transform .25s,box-shadow .25s;align-items:flex-start;gap:16px}.character-item:hover{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.1)}.character-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.character-item>.character-link,.character-link{display:flex;align-items:flex-start;gap:16px;width:100%;color:inherit;text-decoration:none}.list-card-thumb{border-radius:12px}.list-card-thumb,.list-card-thumb img{height:auto;display:flex;align-items:flex-start;justify-content:flex-start;font-weight:700;color:rgb(228,30,32);flex-shrink:0;background:rgb(255,255,255)}.list-card-thumb img{width:auto;min-height:90px;max-height:160px;border-radius:8px;border:1px solid rgba(145,134,134,.15)}.list-card-content{min-width:0;height:100%;flex:1 1}.list-card-title{margin-top:0;font-size:18px;font-weight:700;margin-bottom:10px;color:#333}.list-card-summary{color:rgb(51,51,51);margin:0;padding:11px;border:1px solid rgba(145,134,134,.15);border-radius:6px;background:rgb(255,255,255)}.user-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;background-color:white;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border-radius:4px;overflow:hidden}.dropdown-item{color:black;padding:12px 16px;text-decoration:none;display:block;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px}.dropdown-item:hover{background-color:#f1f1f1}.welcome-text{margin:4px 0 0;font-size:14px;color:#666;font-weight:400;letter-spacing:.5px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.comments-section{background-color:transparent;border-radius:8px;overflow:hidden;margin-top:20px}.comments-header{padding:16px 20px;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.comments-header h3{color:#333;font-size:18px;margin:0}.comments-count{color:#999;font-size:14px}.comments-list{padding:20px}.comment-item{display:flex;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.comment-item:last-child{border-bottom:none}.comment-content{flex:1 1}.comment-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}.author-name{color:#333;font-size:14px;font-weight:500}.comment-text{color:#666;font-size:14px;line-height:1.6;margin-bottom:8px}.comment-meta{display:flex;align-items:center;gap:16px;color:#999;font-size:12px}.comment-time{color:#999}.comment-form{margin-top:20px;padding:20px;background-color:#fff;border-radius:8px;border:1px solid #ddd}.comment-input-wrapper{display:flex;flex-direction:column;gap:12px}.comment-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;font-size:14px;resize:none;font-family:inherit}.comment-input:focus{outline:none;border-color:#e41e20;box-shadow:0 0 0 2px rgba(228,30,32,.1)}.comment-submit-btn{background-color:#e41e20;color:white;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.comment-submit-btn:hover{background-color:#c91e1e}.login-prompt{padding:20px;text-align:center;color:#999;font-size:14px}.login-prompt p{margin:0}.vip-modal-popup{border-radius:20px!important;padding:32px 28px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;animation:vipModalIn .3s ease-out}@keyframes vipModalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.vip-modal-popup .swal2-header{display:none!important}.vip-modal-popup .swal2-content{padding:0!important}.vip-modal-popup .swal2-actions{margin-top:24px!important;gap:12px!important}.vip-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:10px!important;padding:12px 32px!important;font-weight:600!important;font-size:15px!important;box-shadow:0 4px 15px rgba(102,126,234,.4)!important;transition:all .3s ease!important;white-space:nowrap!important;min-width:120px!important}.vip-confirm-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(102,126,234,.5)!important}.vip-cancel-btn{background:#f3f4f6!important;color:#6b7280!important;border:none!important;border-radius:10px!important;padding:12px 28px!important;font-weight:500!important;font-size:15px!important;transition:all .3s ease!important}.vip-cancel-btn:hover{background:#e5e7eb!important;transform:translateY(-2px)!important}.qr-modal-popup{border-radius:20px!important;padding:0!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;animation:vipModalIn .3s ease-out;background:#fff!important}.swal2-container.qr-modal-popup-container{display:flex!important;justify-content:center!important;align-items:center!important}.qr-modal-popup .swal2-content,.qr-modal-popup .swal2-html-container{padding:0!important;overflow:visible!important;width:100%!important}.qr-modal-popup .swal2-html-container{margin:0!important}.qr-modal-popup .swal2-actions,.qr-modal-popup .swal2-footer{display:none!important}@keyframes qrModalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.vip-badge-inline{display:inline-flex;align-items:center;gap:4px;padding:2px 10px 2px 8px;background:linear-gradient(180deg,#d63a3a,#c22222 55%,#8f1515);color:#ffffff;border-radius:9999px;font-size:12px;font-weight:800;letter-spacing:.5px;box-shadow:0 0 0 1px rgba(255,215,0,.55),0 2px 6px rgba(214,58,58,.35)}.vip-badge-inline:before{content:"👑";font-size:11px;filter:drop-shadow(0 0 2px rgba(255,215,0,.8));transform:translateY(-.5px)}.button-group{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:0 1rem;margin-top:1.5vh}.profile-submit-btn{padding:.7rem 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;border:none;border-radius:2rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 4px rgba(0,0,0,.05);min-width:120px;letter-spacing:.5px}.profile-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.profile-submit-btn:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.profile-submit-btn:focus-visible{outline:2px solid #0052cc;outline-offset:2px}.edit-btn{background-color:#2c7da0;color:white}.edit-btn:hover{background-color:#1f5e7e}.reset-btn{background-color:#6c757d;color:white}.reset-btn:hover{background-color:#545b62}.member-btn{background:linear-gradient(135deg,#e76f51,#f4a261);color:white;border:none}.member-btn:hover{background:linear-gradient(135deg,#d55c3c,#e88d4a)}.profile-big-screen{min-height:calc(100vh - 180px);height:auto}.profile-form{margin-top:20px;padding:20px;background-color:#fff;border-radius:8px;border:1px solid #ddd}.profile-input-wrapper{display:flex;flex-direction:column;gap:12px}.profile-input{width:60%;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;resize:none;height:80%;padding:10px 12px;font-size:14px}.profile-input:focus{outline:none;border-color:#e41e20;box-shadow:0 0 0 2px rgba(228,30,32,.1)}.div-table{height:60%}.img-width{width:20%}.card-width{width:100%;max-width:260px;box-sizing:border-box}.div-display{display:flex}.profile-input.input-error{border:1px solid #f44336;background-color:#fff2f0}.error-text{color:#f44336;font-size:12px;margin-top:4px;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.spin-loader{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}.spin-loader.large{border-width:6px;width:48px;height:48px}.error-bubble-absolute{position:absolute;margin-top:4px;background-color:#f44336;color:white;font-size:12px;padding:6px 12px;border-radius:6px;z-index:10;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.1)}.error-bubble-absolute:before{content:"";position:absolute;bottom:100%;left:20px;border:6px solid transparent;border-bottom-color:#f44336}.error-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%}@media (max-width:767px){:root{--mobile-spacing-xs:4px;--mobile-spacing-sm:8px;--mobile-spacing-md:12px;--mobile-spacing-lg:16px;--mobile-spacing-xl:20px;--mobile-font-xs:11px;--mobile-font-sm:12px;--mobile-font-md:14px;--mobile-font-lg:16px;--mobile-font-xl:18px;--mobile-font-2xl:20px}.site-header{padding:var(--mobile-spacing-sm) 0}.header-top{padding:0}.header-left{flex-direction:column;align-items:flex-start;gap:var(--mobile-spacing-sm)}.logo img{height:40px}.site-title h1{font-size:var(--mobile-font-xl)}.site-title p{font-size:var(--mobile-font-sm)}.search-wrap{width:100%;display:flex;flex-direction:column;gap:var(--mobile-spacing-sm);order:3;margin-top:var(--mobile-spacing-sm)}.auth-link{font-size:var(--mobile-font-sm);padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);min-height:44px;display:inline-flex;align-items:center}.user-dropdown{width:100%}.welcome-text{font-size:var(--mobile-font-sm)!important;min-height:44px;display:inline-flex;align-items:center}.dropdown-menu{position:relative;width:100%;box-shadow:none;border:1px solid #eee}.dropdown-item{width:100%;text-align:left;padding:var(--mobile-spacing-md);min-height:44px}.search{width:100%;display:flex;gap:var(--mobile-spacing-sm)}.search input{flex:1 1;padding:10px var(--mobile-spacing-md);height:40px;font-size:var(--mobile-font-md)}.search button{height:40px;padding:0 var(--mobile-spacing-md);font-size:var(--mobile-font-sm);white-space:nowrap}.site-container{width:100%;padding-left:var(--mobile-spacing-md);padding-right:var(--mobile-spacing-md)}body{overflow-x:hidden}.main-nav{display:none!important}.hamburger-menu{position:fixed;top:var(--mobile-spacing-sm);right:var(--mobile-spacing-md);display:flex;flex-direction:column;justify-content:space-around;width:44px;height:44px;cursor:pointer;padding:8px;background:rgba(255,255,255,.9);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:none;z-index:10002}.hamburger-menu span{width:28px;height:3px;background-color:#333;border-radius:2px;transform-origin:center}.hamburger-menu.active span:first-child{transform:translateY(10px) rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.hamburger-menu.active{background:rgba(255,255,255,1);box-shadow:0 2px 12px rgba(0,0,0,.15)}}@media (max-width:767px){body:has(#authModal) .hamburger-menu,body:has(.modal.show) .hamburger-menu{display:none!important}.mobile-nav-container{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:9999}.mobile-nav-container.active{display:block}.mobile-nav-panel{position:fixed;top:0;right:-280px;width:280px;height:100vh;background-color:white;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease;overflow-y:auto;z-index:10000}.mobile-nav-panel.active{right:0}.mobile-nav-header{display:flex;justify-content:center;align-items:center;padding:var(--mobile-spacing-lg) var(--mobile-spacing-md);min-height:56px;border-bottom:1px solid #f0f0f0;background-color:#f8f8f8}.mobile-nav-title{font-size:var(--mobile-font-lg);font-weight:600;color:#333}.mobile-nav-close{display:none}.mobile-nav-list{list-style:none;padding:0;margin:0}.mobile-nav-item{display:block;width:100%;padding:var(--mobile-spacing-md) var(--mobile-spacing-lg);font-size:var(--mobile-font-md);color:#333;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s}.mobile-nav-item.active,.mobile-nav-item:active{background-color:#f5f5f5;color:#333}.mobile-nav-home{padding:var(--mobile-spacing-md) var(--mobile-spacing-lg);border-bottom:1px solid #f0f0f0;background-color:#f8f8f8}.mobile-nav-home a{display:block;padding:var(--mobile-spacing-sm) 0;font-size:var(--mobile-font-md);color:#333;text-decoration:none;font-weight:500}.mobile-sub-menu{display:none;background-color:#f9f9f9}.mobile-sub-menu.active{display:block}.mobile-sub-nav-item{padding:var(--mobile-spacing-sm) var(--mobile-spacing-xl);font-size:var(--mobile-font-sm);color:#666;text-decoration:none;display:block;border-bottom:1px solid #f0f0f0;cursor:pointer}.mobile-sub-nav-item:active{background-color:#f0f0f0}.mobile-nav-item-has-children{position:relative;padding-right:40px}.mobile-nav-item-has-children:after{content:"›";position:absolute;right:var(--mobile-spacing-lg);top:50%;transform:translateY(-50%);font-size:18px;transition:transform .3s;color:#999}.mobile-nav-item-has-children.expanded:after{transform:translateY(-50%) rotate(90deg)}}@media (min-width:768px){.hamburger-menu{display:none}.mobile-nav-container,.mobile-nav-panel{display:none!important}}@media (max-width:767px){.carousel{height:240px}@media (min-width:576px) and (max-width:767px){.carousel{height:280px}}.carousel-btn{width:36px;height:36px;font-size:32px;line-height:36px}.carousel-btn.prev{left:8px}.carousel-btn.next{right:8px}.carousel-title{font-size:var(--mobile-font-lg)}.carousel-description,.carousel-title{line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.6em}.carousel-description{font-size:var(--mobile-font-sm);margin-left:12px}.carousel-indicators{bottom:70px;gap:8px}.indicator{width:8px;height:8px}.carousel-caption-below{padding:var(--mobile-spacing-sm) var(--mobile-spacing-md)}.columns{display:flex;flex-direction:column;gap:var(--mobile-spacing-lg);margin-top:var(--mobile-spacing-md);grid-template-columns:1fr;justify-content:flex-start}.columns>div{width:100%!important}.col-right{order:3;display:flex;flex-direction:column;gap:var(--mobile-spacing-md);width:100%;margin-bottom:20px}.col-right>div{height:auto!important}.columns>:nth-child(2){order:2}.columns>:first-child{order:1}.news-section{flex:none!important}.columns .card,.news-section{height:auto!important}}@media (max-width:575px){.grid{grid-template-columns:1fr!important;gap:var(--mobile-spacing-md);padding:var(--mobile-spacing-md)}.row-cards{grid-template-columns:repeat(2,1fr)!important;gap:var(--mobile-spacing-sm)}}@media (min-width:576px) and (max-width:767px){.grid{padding:var(--mobile-spacing-md)}.grid,.row-cards{grid-template-columns:repeat(2,1fr)!important;gap:var(--mobile-spacing-md)}}@media (min-width:768px) and (max-width:991px){.grid{grid-template-columns:repeat(2,1fr)!important}.row-cards{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:767px){.tab-content{height:auto!important;grid-template-rows:auto!important}.tab-content[data-content=audio],.tab-content[data-content=magazine],.tab-content[data-content=video]{grid-template-columns:repeat(2,1fr)!important;gap:var(--mobile-spacing-sm);padding:var(--mobile-spacing-sm)}.thumb{height:100px}.media-card{padding:var(--mobile-spacing-sm)}.media-card h4{font-size:var(--mobile-font-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-card h4 span{font-size:var(--mobile-font-xs)}.media-card{height:auto!important}}@media (max-width:480px){.tab-content{grid-template-columns:1fr!important}.tab-content .thumb{height:160px}}@media (max-width:767px){.media{margin-top:var(--mobile-spacing-md);border-radius:4px;overflow:hidden}.media-tabs-header{flex-direction:column;padding:0;border-bottom:2px solid #e41e20}.media-tabs-header .tabs-group{display:flex;align-items:stretch;gap:0;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.media-tabs-header .tabs-group::-webkit-scrollbar{display:none}.tab{min-width:auto!important;flex:1 0 auto;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md)!important;font-size:var(--mobile-font-sm)!important;min-width:70px!important;white-space:nowrap}.tab h3{margin:0;font-size:var(--mobile-font-sm);font-weight:700}.tab span{font-size:var(--mobile-font-xs);font-weight:300}.more-link{width:100%;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md)!important;font-size:var(--mobile-font-sm)!important;min-height:44px;border-top:1px solid #ddd;border-radius:0!important}.more-link span{font-size:var(--mobile-font-xs)!important}.more-link,.tab{min-height:44px;cursor:pointer}}@media (min-width:576px) and (max-width:767px){.tab{min-width:80px!important;padding:var(--mobile-spacing-sm) var(--mobile-spacing-lg)!important}.tab h3{font-size:var(--mobile-font-md)}}@media (max-width:479px){.media-tabs-header .tabs-group{justify-content:flex-start}.tab{flex:0 0 auto;min-width:65px!important;padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm)!important}.tab h3{font-size:11px}.tab span{font-size:9px}}@media (max-width:767px){.media-modal-overlay,.media[style*="position: fixed"],div[style*="position: fixed"][style*="rgba(0,0,0,0.7)"]{padding:0!important;width:100vw!important;height:100vh!important}.media-modal-content,.media[style*="position: fixed"] audio,.media[style*="position: fixed"] img,.media[style*="position: fixed"] video{max-width:100vw!important;max-height:80vh!important;object-fit:contain!important;width:auto!important;height:auto!important}div[style*="position: fixed"] video{max-width:100vw!important;max-height:70vh!important;border-radius:0!important;width:100%!important;height:auto!important}div[style*="position: fixed"] img{max-width:100vw!important;max-height:80vh!important;border-radius:0!important;padding:0!important}div[style*="position: fixed"] audio{width:90vw!important;max-width:90vw!important;height:40px!important}.media-modal-close,div[style*="position: fixed"] button{top:var(--mobile-spacing-md)!important;right:var(--mobile-spacing-md)!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:24px!important;background-color:rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-modal-close:active,div[style*="position: fixed"] button:active{background-color:rgba(0,0,0,.8)!important;transform:scale(.95)}}@media (max-width:479px){div[style*="position: fixed"] video{max-height:60vh!important}div[style*="position: fixed"] img{max-height:75vh!important}div[style*="position: fixed"] audio{width:95vw!important;max-width:95vw!important}.media-modal-close,div[style*="position: fixed"] button{top:var(--mobile-spacing-sm)!important;right:var(--mobile-spacing-sm)!important;width:40px!important;height:40px!important}}@media (max-width:767px){.container.site-container{padding-left:var(--mobile-spacing-md);padding-right:var(--mobile-spacing-md);width:100%}.media{margin:var(--mobile-spacing-xs) 0 var(--mobile-spacing-md) 0;border-radius:4px;overflow:hidden}.news-header.media-tabs-header{height:auto;min-height:44px;padding:0 var(--mobile-spacing-md);flex-direction:column;align-items:flex-start}.news-header h3{min-width:150px;width:auto;flex:1 1}.news-header .more-link{width:auto;min-width:80px;max-width:120px;min-height:44px;display:flex;align-items:center;font-size:var(--mobile-font-sm);padding:var(--mobile-spacing-sm) var(--mobile-spacing-md)}.full-height-panel,.grid-container{min-height:auto!important}.full-height-panel{padding:var(--mobile-spacing-md);overflow:visible!important;height:auto!important}.detail-content{overflow:visible!important;width:100%!important}.detail-content img{display:block!important;margin:var(--mobile-spacing-sm) auto!important;object-fit:contain!important}.detail-content audio,.detail-content iframe,.detail-content img,.detail-content video{max-width:100%!important;height:auto!important}.character-list-wrap{width:100%}.character-list{gap:var(--mobile-spacing-md)}.character-item{flex-direction:column;padding:var(--mobile-spacing-md);gap:var(--mobile-spacing-sm);margin-bottom:var(--mobile-spacing-md)}.character-link{display:flex;flex-direction:column;width:100%;min-height:44px;text-decoration:none}.list-card-thumb,.list-card-thumb img{width:auto;height:60px;object-fit:cover;border-radius:8px;min-height:60px;max-height:60px}.list-card-title{font-size:var(--mobile-font-md);font-weight:600;margin-bottom:var(--mobile-spacing-xs);color:#333;line-height:1.4;-webkit-line-clamp:2}.list-card-summary,.list-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-card-summary{font-size:var(--mobile-font-sm);line-height:1.5;color:#666;padding:var(--mobile-spacing-sm);margin:0;-webkit-line-clamp:3;background-color:rgba(245,245,245,.5);border-radius:4px}.no-data{padding:var(--mobile-spacing-xl) var(--mobile-spacing-md);font-size:var(--mobile-font-md);text-align:center;color:#999}}@media (max-width:479px){.list-card-title{font-size:var(--mobile-font-sm)}.list-card-summary{font-size:11px;-webkit-line-clamp:2;padding:var(--mobile-spacing-xs)}.list-card-thumb,.list-card-thumb img{width:auto;height:45px;min-height:45px;max-height:45px}}@media (max-width:767px){.detail-page{padding:var(--mobile-spacing-md)}.news-header .more-link{width:100%;min-height:44px;display:flex;align-items:center;font-size:var(--mobile-font-sm);padding:var(--mobile-spacing-sm) 0;color:#333;text-decoration:none}.detail-content{padding:var(--mobile-spacing-md) 0;font-size:var(--mobile-font-md);line-height:1.6;overflow:visible!important;width:100%!important}.detail-content img{display:block!important;margin:var(--mobile-spacing-sm) auto!important;object-fit:contain!important}.detail-content img,.detail-content video{max-width:100%!important;height:auto!important;border-radius:4px}.detail-content audio{max-width:100%!important;height:40px}.detail-content iframe{max-width:100%!important;height:auto!important;min-height:200px}.detail-content p{margin-bottom:var(--mobile-spacing-md);font-size:var(--mobile-font-md);line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.detail-content h1,.detail-content h2{font-size:var(--mobile-font-xl);margin:var(--mobile-spacing-md) 0 var(--mobile-spacing-sm);line-height:1.4}.detail-content h3{font-size:var(--mobile-font-lg);margin:var(--mobile-spacing-sm) 0 var(--mobile-spacing-xs);line-height:1.4}.detail-content h4,.detail-content h5,.detail-content h6{font-size:var(--mobile-font-md);margin:var(--mobile-spacing-sm) 0;line-height:1.4}.detail-content ol,.detail-content ul{padding-left:var(--mobile-spacing-lg);margin-bottom:var(--mobile-spacing-md)}.detail-content li{margin-bottom:var(--mobile-spacing-xs);font-size:var(--mobile-font-md);line-height:1.5}.detail-content table{width:100%;font-size:var(--mobile-font-sm);border-collapse:collapse;margin:var(--mobile-spacing-md) 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-content td,.detail-content th{padding:var(--mobile-spacing-sm);border:1px solid #ddd}.detail-content blockquote{padding:var(--mobile-spacing-md);margin:var(--mobile-spacing-md) 0;background-color:#f9f9f9;border-left:3px solid #ddd;font-size:var(--mobile-font-sm)}.detail-content code,.detail-content pre{font-size:var(--mobile-font-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-content a{color:#e41e20;text-decoration:underline;min-height:auto;display:inline}.full-height-panel div[style*="加载中"]{padding:var(--mobile-spacing-xl) var(--mobile-spacing-md);font-size:var(--mobile-font-md);text-align:center}.comments-section{padding:0;margin-top:var(--mobile-spacing-sm)}.comments-header{padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);margin-bottom:4px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;min-height:40px;border-bottom:1px solid #f5f5f5}.comments-header h3{font-size:var(--mobile-font-md);margin:0;line-height:1.3;font-weight:600}.comments-count{font-size:11px;color:#999;line-height:1.3}.comments-list{padding:0}.comment-item{padding:4px var(--mobile-spacing-md);margin-bottom:0;background-color:transparent;border-radius:0;border-bottom:1px solid #f8f8f8}.comment-item:last-child{border-bottom:none}.comment-content{display:flex;flex-direction:column;gap:0}.comment-author{display:flex;align-items:center;line-height:1.1;margin-bottom:1px}.author-name{font-size:11px;font-weight:600;color:#333}.comment-text{padding:0;line-height:1.25}.comment-text p{font-size:13px;line-height:1.25;margin:0;color:#666;word-wrap:break-word;overflow-wrap:break-word}.comment-meta{padding-top:1px;line-height:1.1}.comment-time{font-size:10px;color:#bbb}.login-prompt{padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);text-align:center;background-color:transparent;border-radius:0}.login-prompt p{font-size:var(--mobile-font-sm);color:#999;margin:0;line-height:1.3}.comment-form{padding:0 var(--mobile-spacing-md);margin-top:var(--mobile-spacing-sm)}.comment-input-wrapper{display:flex;flex-direction:column;gap:var(--mobile-spacing-xs)}.comment-input{width:100%;min-height:80px;padding:var(--mobile-spacing-sm);font-size:var(--mobile-font-md);line-height:1.5;border:1px solid #ddd;border-radius:6px;resize:vertical;font-family:inherit}}@media (max-width:767px){.comment-input::placeholder{color:#999;font-size:var(--mobile-font-sm)}.comment-submit-btn{width:100%;height:44px;padding:0 var(--mobile-spacing-md);font-size:var(--mobile-font-md);font-weight:600;background-color:#e41e20;color:white;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.comment-submit-btn:active{background-color:#c41a1c}.comment-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}}@media (min-width:576px) and (max-width:767px){.comment-input{min-height:120px}.comments-header{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width:767px){.modal{width:100%!important;height:100dvh!important;padding:0!important}.modal-content{width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}.modal-body{gap:0!important;min-height:100%!important;height:auto!important;border-radius:0!important;grid-template-columns:unset!important}.modal-body,.modal-left,.modal-right{display:flex!important;flex-direction:column!important}.modal-left,.modal-right{width:100%!important;padding:var(--mobile-spacing-lg)!important;min-height:auto!important;flex-shrink:0!important;transition:background-color .3s ease!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:visible!important}.modal-left{order:1!important;padding-top:max(var(--mobile-spacing-lg),env(safe-area-inset-top))!important;background:#f5f5f5!important}.modal-right{order:2!important;padding-bottom:max(var(--mobile-spacing-lg),env(safe-area-inset-bottom))!important}.modal-body.show-register .modal-left,.modal-right{background:#fff!important}.modal-body.show-register .modal-right{background:#f5f5f5!important}.content-wrapper{position:relative!important;width:100%!important;opacity:0;transform:translateY(20px)!important;transition:opacity .3s ease,transform .3s ease!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;pointer-events:none}.content-wrapper.active{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}.modal-left .content-wrapper,.modal-right .content-wrapper{transform:translateY(20px)!important}.modal-left .content-wrapper.active,.modal-right .content-wrapper.active{transform:translateY(0)!important}.modal-left .content-wrapper.back-login-view,.modal-left .content-wrapper.login-view,.modal-right .content-wrapper.register-btn-view,.modal-right .content-wrapper.register-form-view{transform:translateY(20px)!important}.modal-left .content-wrapper.back-login-view.active,.modal-left .content-wrapper.login-view.active,.modal-right .content-wrapper.register-btn-view.active,.modal-right .content-wrapper.register-form-view.active{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important}.modal-left .content-wrapper:not(.active),.modal-right .content-wrapper:not(.active){opacity:0!important;pointer-events:none!important;transform:translateY(20px)!important}.auth-form{width:100%;max-width:100%}.form-group{margin-bottom:var(--mobile-spacing-md)}.form-group input{width:100%;padding:var(--mobile-spacing-md);height:44px;font-size:16px;border:1px solid #ddd;border-radius:8px}.form-group input:focus{outline:none;border-color:#e41e20;box-shadow:0 0 0 2px rgba(228,30,32,.1)}.modal-left h2,.modal-right h2{margin-bottom:var(--mobile-spacing-lg);font-size:var(--mobile-font-xl);line-height:1.3}.modal-left h2 span,.modal-right h2 span{font-size:var(--mobile-font-sm);line-height:1.2}.btn-submit{margin-top:var(--mobile-spacing-md)}.btn-back-login,.btn-register,.btn-submit{width:100%;height:44px;padding:0 var(--mobile-spacing-lg);font-size:var(--mobile-font-md);border-radius:22px}.register-buttons,.register-type-selector{gap:var(--mobile-spacing-md);width:100%}.register-type-selector{margin-bottom:var(--mobile-spacing-lg)}.type-btn{flex:1 1;height:44px;padding:0 var(--mobile-spacing-md);font-size:var(--mobile-font-sm);border-radius:22px;display:flex;align-items:center;justify-content:center}.modal-close{top:max(var(--mobile-spacing-md),env(safe-area-inset-top));right:max(var(--mobile-spacing-md),env(safe-area-inset-right));width:40px;height:40px;min-width:40px;min-height:40px;font-size:24px;background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15)}.modal-close:hover{background-color:rgba(255,255,255,1)}.error-message{padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);margin-bottom:var(--mobile-spacing-md);font-size:var(--mobile-font-sm);background-color:#fee;border-left:3px solid #e41e20;border-radius:4px;text-align:center}.modal-body{min-height:100dvh}@supports (padding:max(0px)){.modal-left{padding-top:max(var(--mobile-spacing-lg),env(safe-area-inset-top))}.modal-right{padding-bottom:max(var(--mobile-spacing-lg),env(safe-area-inset-bottom))}}.modal *{-webkit-tap-highlight-color:transparent}.btn-back-login:active,.btn-register:active,.btn-submit:active,.type-btn:active{transform:scale(.98);opacity:.8}.modal-body{-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (max-width:479px){.modal-left,.modal-right{padding:var(--mobile-spacing-md)}.modal-left h2,.modal-right h2{font-size:var(--mobile-font-lg);margin-bottom:var(--mobile-spacing-md)}.btn-back-login,.btn-register,.btn-submit,.type-btn{min-height:44px;min-width:44px}}@media (min-width:768px) and (max-width:991px){.modal-content{max-width:700px}.modal-body{min-height:400px}.modal-left,.modal-right{padding:30px}}@media (max-width:767px){.site-footer{padding:var(--mobile-spacing-xl) 0;margin-top:var(--mobile-spacing-xl);border-top:1px solid #f0f0f0}.site-footer .footer-inner{width:100%;padding:0 var(--mobile-spacing-md)}.site-footer .footer-nav{width:100%;text-align:center;padding:var(--mobile-spacing-md) 0;margin-bottom:var(--mobile-spacing-md);border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;gap:var(--mobile-spacing-sm);font-size:var(--mobile-font-sm);line-height:1.8}.site-footer .footer-nav a{display:inline-block;padding:var(--mobile-spacing-xs) var(--mobile-spacing-sm);min-height:44px;color:#666;text-decoration:none;transition:color .2s}.site-footer .footer-nav a:active{color:#e41e20}.site-footer .copyright{width:100%;text-align:center;padding:var(--mobile-spacing-sm) 0;font-size:var(--mobile-font-xs);line-height:1.6;color:#999;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.site-footer .copyright span{flex:0 0 100%}}@media (min-width:576px) and (max-width:767px){.site-footer .footer-nav{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:var(--mobile-spacing-md)}.site-footer .footer-nav a:not(:last-child):after{content:"|";margin-left:var(--mobile-spacing-md);color:#ddd}}@media (max-width:767px){html{font-size:14px}h1{font-size:var(--mobile-font-2xl)}h1,h2{line-height:1.3}h2{font-size:var(--mobile-font-xl)}h3{font-size:var(--mobile-font-lg)}h3,h4{line-height:1.4}h4{font-size:var(--mobile-font-md)}h5,h6{font-size:var(--mobile-font-sm);line-height:1.4}body{font-size:var(--mobile-font-md);line-height:1.6}.site-title h1{font-size:var(--mobile-font-xl)}.site-title p{font-size:var(--mobile-font-sm)}.btn,button{font-size:var(--mobile-font-md)}input,select,textarea{font-size:16px}table{font-size:var(--mobile-font-sm)}}@media (max-width:575px){html{font-size:13px}h1{font-size:18px}h2{font-size:16px}h3{font-size:15px}h4{font-size:14px}h5,h6{font-size:12px}}@media (max-width:767px){.btn,.btn-back-login,.btn-register,.btn-submit,.comment-submit-btn,.type-btn,button{min-width:44px;text-align:center}.btn,.btn-back-login,.btn-register,.btn-submit,.comment-submit-btn,.nav-link-simple,.type-btn,button{min-height:44px;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);display:inline-flex;align-items:center;justify-content:center}.mobile-nav-item,.mobile-sub-nav-item{min-height:44px;display:flex;align-items:center;justify-content:start;padding:var(--mobile-spacing-md) var(--mobile-spacing-lg)}.card-link,.character-link,.news-list li a{display:block;min-height:44px;padding:var(--mobile-spacing-sm)}.carousel-btn,.hamburger-menu{min-width:44px;min-height:44px;width:44px;height:44px}.more-link,.tab{display:inline-flex}.media-modal-close,.modal-close,.more-link,.tab{min-height:44px;min-width:44px;align-items:center;justify-content:center}.media-modal-close,.modal-close{display:flex}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{min-height:44px;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);font-size:16px;border:1px solid #ddd;border-radius:8px}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-width:22px;min-height:22px;cursor:pointer}input[type=checkbox]+label,input[type=radio]+label{min-height:44px;display:inline-flex;align-items:center;padding-left:var(--mobile-spacing-sm);cursor:pointer}.dropdown-menu{min-width:160px}.dropdown-item{min-height:44px;display:flex;align-items:center;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md)}.pagination a,.pagination button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:var(--mobile-spacing-sm)}.search button{padding:0 var(--mobile-spacing-md)}.comments-section a,.comments-section button,.search button{min-height:44px;min-width:44px}.auth-link,.forgot-link{min-height:44px;display:inline-flex;align-items:center}.character-item,.list-card,.media-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}a img{display:block}*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{-webkit-overflow-scrolling:touch;overscroll-behavior:none}.comments-section,.mobile-nav-panel,.modal-body,.news-list,.scrollable,.tab-content{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}.media-tabs-header .tabs-group,.tabs-group{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.media-tabs-header .tabs-group::-webkit-scrollbar,.mobile-nav-panel::-webkit-scrollbar,.scrollable::-webkit-scrollbar{display:none}.carousel-btn,.hamburger-menu,.modal-close,.no-select,button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.comment-text,.detail-content,.summary{-webkit-user-select:text;-moz-user-select:text;user-select:text}.btn:active,.card-link:active,.character-item:active,.list-card:active,.media-card:active,a:active,button:active{transform:scale(.98);opacity:.9;transition:transform .1s ease,opacity .1s ease}.mobile-nav-item:active,.mobile-sub-nav-item:active,.nav-link-simple:active{background-color:rgba(228,30,32,.1)}*{touch-action:manipulation}input,select,textarea{touch-action:auto}.carousel,.character-item,.list-card,.media-card{will-change:transform}.carousel:not(:hover),.character-item:not(:active),.list-card:not(:active),.media-card:not(:active){will-change:auto}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #e41e20;outline-offset:2px}@media (hover:none) and (pointer:coarse){a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}}}@media (max-width:640px){.profile-submit-btn{padding:.6rem 1.2rem;font-size:.9rem;min-width:100px;flex:1 0 auto}.button-group{margin-top:3vh;gap:.8rem}.profile-big-screen{height:auto}.card-width{width:100%}.div-display{display:block}.img-width{width:60%}tr>:first-child{width:30%}.profile-input{width:100%}}@media (max-width:767px){*{animation-duration:.2s!important;transition-duration:.2s!important}.carousel img,.content-wrapper,.hamburger-menu span,.mobile-nav-panel,.modal-content{transition-duration:.3s!important}img[loading=lazy]{background-color:#f5f5f5;min-height:100px;position:relative}img[loading=lazy]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f5f5f5 25%,#eeeeee 50%,#f5f5f5 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}img[loading=lazy]:not([src=""]):before{display:none}.desktop-only{display:none!important}.card,.comment-item,.list-card,.media-card,.modal-content{box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.card:active,.list-card:active,.media-card:active{box-shadow:0 2px 6px rgba(0,0,0,.15)!important}.card:hover img,.carousel:hover .carousel-btn{transform:none!important}.carousel,.character-item,.list-card,.media-card{contain:layout style paint}.media-modal-close,.modal-close{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:rgba(0,0,0,.7)!important}.mobile-nav-panel,.modal-body,.tab-content{will-change:scroll-position}.media-tabs-header,.site-footer,.site-header{background:#fff!important}.comment-text,.detail-content,body{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.footer-nav a,.nav-link-simple,.tab:not(.active){opacity:1!important}.footer-nav a:active,.nav-link-simple:active,.tab:active{background-color:rgba(228,30,32,.1)!important}}@media (max-width:768px){.vip-modal-popup{width:92%!important;max-width:92%!important;padding:24px 16px!important;border-radius:16px!important;max-height:85vh!important;overflow-y:auto!important}.vip-modal-popup .swal2-actions{flex-direction:row!important}.vip-cancel-btn,.vip-confirm-btn{flex:1 1!important;padding:14px!important;font-size:16px!important}.qr-modal-popup{width:92%!important;max-width:92%!important;border-radius:16px!important}.qr-modal-popup .swal2-content{width:100%!important}}