*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:#000}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;background:#171717;color:#f3f4f6;min-height:100vh;line-height:1.5;max-width:560px;margin:0 auto}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font:inherit;border:none;background:0 0;color:inherit}.max-w-6xl{max-width:560px}.mx-auto{margin-left:auto;margin-right:auto}.px-3{padding-left:.75rem;padding-right:.75rem}.pb-20{padding-bottom:5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-4{padding:1rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.75}.whitespace-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.w-full{width:100%}.w-5{width:1.25rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-64{width:16rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.3)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.3)}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.bottom-4{bottom:1rem}.bottom-16{bottom:4rem}.right-4{right:1rem}.inset-0{top:0;right:0;bottom:0;left:0}.ml-2{margin-left:.5rem}.mr-4{margin-right:1rem}.bg-gray-950{background-color:#171717}.bg-gray-900{background-color:#ffffff0d}.bg-gray-800{background-color:#ffffff14}.bg-amber-100{background-color:#fef3c7}.bg-emerald-100{background-color:#d1fae5}.bg-pink-600{background-color:#f90}.bg-black\/50{background-color:rgba(0,0,0,.5)}.text-white{color:#fff}.text-white\/80{color:rgba(255,255,255,.8)}.text-gray-300{color:#d1d5db}.text-gray-400{color:#ffffffb3}.text-gray-500{color:#6b7280}.text-orange-400{color:#f90}.text-orange-500{color:#f90}.bg-orange-500{background-color:#f90}.border-gray-600{border-color:#4b5563}.border-gray-800{border-color:#ffffff14}.border-b{border-bottom:.5px solid}.border-t{border-top:.5px solid}.border{border:1px solid}.transition-colors{transition:color .15s,background-color .15s}.transition-transform{transition:transform .3s}.transform{transform:translateZ(0)}.translate-x-full{transform:translateX(100%)}.duration-300{transition-duration:300ms}.site-header{position:sticky;top:0;z-index:50;background:#171717;max-width:inherit;width:100%}.header-bar{width:100%;height:2.75rem;border-collapse:collapse}.header-logo-cell{width:100px;vertical-align:middle;padding:0}.header-logo-cell a{display:inline-block;vertical-align:middle;position:relative;top:5px}.header-nav-cell{text-align:right;vertical-align:middle;padding:0;font-size:.875rem}.nav-tab{padding:.25rem .5rem;border-radius:.25rem;color:#ffffffb3;transition:color .15s,background-color .15s;margin-left:.5rem}.nav-tab:hover,.nav-tab.active{color:#f90}.cat-row{overflow-x:auto;white-space:nowrap;padding:.375rem 0;font-size:0}.menu-item{display:inline-block;padding:.3rem .85rem;border-radius:9999px;color:#ffffffb3;font-size:.8375rem;font-weight:500;transition:all .15s;vertical-align:middle}.menu-item:hover{color:#ffffffb3}.menu-item.active{background:#f90;color:#000}.tags-container{position:relative;padding:.4rem 0 1.4rem}.tags-inner{overflow:hidden;transition:max-height .3s ease}.tags-container.collapsed .tags-inner{max-height:3.6rem}.tags-container.expanded .tags-inner{max-height:none}.tag-group{padding:.15rem 0}.tag-group-label{display:inline-block;font-size:.75rem;color:#f90;font-weight:600;vertical-align:middle;min-width:2rem;margin-right:.375rem;letter-spacing:.025em}.menu-item-sub{display:inline-block;padding:.15rem .5rem;border-radius:9999px;color:#ffffffb3;font-size:.6875rem;transition:all .15s;vertical-align:middle;margin:.1rem .05rem;border:1px solid transparent}.menu-item-sub:hover{color:#f3f4f6;background:rgba(255,255,255,6%);border-color:rgba(255,255,255,.1)}.menu-item-sub.active{background:#f90;color:#000;font-size:.6875rem;border-color:#f90}.tags-toggle{position:absolute;right:0;bottom:.25rem;font-size:.6875rem;color:#000;cursor:pointer;background:#f90;border:1px solid #f90;border-radius:.25rem;padding:.125rem .5rem;transition:all .15s;z-index:2;line-height:1.4}.tags-toggle:hover{background:#e68a00;border-color:#e68a00}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.section-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid #f90}.home-section{margin-bottom:1.5rem}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.more-btn{display:block;text-align:center;padding:.5rem 0;margin-top:.5rem;font-size:.875rem;color:#f90;background:#ffffff0d;border-radius:.375rem;transition:background .15s}.more-btn:hover{background:#ffffff14}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff14 50%,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:.875rem;margin:.5rem;border-radius:.25rem;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff14 50%,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:480px){.video-grid.grid-2col{grid-template-columns:repeat(2,1fr)}}.card{display:block;border-radius:.5rem;overflow:hidden;background:#ffffff0d;transition:transform .2s}.card:hover{transform:translateY(-2px)}.card-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:#ffffff14}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s,opacity .4s ease}.card:hover .card-img{transform:scale(1.05)}img.lazy{opacity:0}img.lazy-loaded{opacity:1}.card-img-wrap .lazy-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 25%,#ffffff18 50%,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1}.card-img-wrap .lazy-placeholder.hide{opacity:0;transition:opacity .3s;pointer-events:none}.image-item-auto{margin-bottom:.25rem}.image-auto{width:100%;height:auto;border-radius:.25rem;display:block}.episode-bar{display:flex;flex-wrap:wrap;gap:.375rem}.episode-btn{padding:.3rem .6rem;font-size:.75rem;background:#ffffff0d;color:#d1d5db;border:1px solid transparent;border-radius:.25rem;cursor:pointer;transition:all .15s}.episode-btn:hover{background:#ffffff14}.episode-btn.active{background:#f90;color:#000;border-color:#f90}.episode-more{color:#f90;border-color:rgba(255,153,0,.4)}.episodes-modal-body{display:flex;flex-wrap:wrap;gap:.375rem;max-height:60vh;overflow-y:auto}.back-btn{display:inline-block;padding:.25rem 0;margin-bottom:.5rem;font-size:.8125rem;color:#f90}.gallery-card{display:block;border-radius:.5rem;overflow:hidden;background:#ffffff0d}.gallery-card-img{overflow:hidden;border-radius:.5rem .5rem 0 0}.gallery-cover{width:100%;height:auto;display:block}.empty-state{text-align:center;padding:3rem 1rem;color:#9ca3af}.empty-state p{font-size:1rem;margin-bottom:1rem}.empty-actions{display:flex;justify-content:center;gap:.5rem}.card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity .2s}.card:hover .card-overlay{opacity:1}.card-badge{position:absolute;top:.5rem;left:.5rem;padding:.125rem .5rem;font-size:.75rem;background:rgba(255,153,0,.8);color:#000;border-radius:.25rem}.card-title{padding:.25rem .375rem;font-size:.75rem;max-height:calc(.75rem * 1.25 * 2 + .5rem);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break:break-all}.novel-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem}.novel-card{display:block;padding:.75rem 1rem;background:#ffffff0d;border-radius:.5rem;transition:background .15s}.novel-card:hover{background:#ffffff14}.novel-card-title{font-size:.9375rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novel-card-category{font-size:.75rem;color:#ffffffb3}.image-grid{column-count:2;column-gap:.5rem}.image-grid>*{break-inside:avoid;margin-bottom:.5rem}.novel-reader{padding:1rem;border-radius:.5rem;background:#ffffff0d;min-height:50vh}.novel-text{white-space:pre-wrap;word-break:break-word}.novel-text p{margin-bottom:1em;text-indent:2em}.novel-reader{font-size:16px;line-height:1.8}.novel-settings-wrap{position:fixed;bottom:1rem;right:1rem;z-index:30}.novel-settings-btn{width:2.5rem;height:2.5rem;background:#f90;color:#000;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3)}.novel-settings-panel{position:fixed;bottom:4rem;right:1rem;background:#222;border-radius:.5rem;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:30;width:15rem}.route-bar{display:flex;gap:.5rem}.route-btn{flex:1;padding:.4rem 0;font-size:.8125rem;text-align:center;border-radius:.375rem;background:#ffffff14;color:#d1d5db;cursor:pointer;border:1px solid transparent;transition:all .15s}.route-btn.active{background:#f90;color:#000;border-color:#f90;font-weight:600}.route-btn:hover:not(.active){background:#ffffff20}.action-bar{display:flex;gap:.375rem}.action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.6875rem;color:#d1d5db;background:#ffffff0d;border-radius:.375rem;border:none;cursor:pointer;transition:background .15s}.action-btn:hover{background:#ffffff14}.action-icon{width:1.25rem;height:1.25rem}.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal.hidden{display:none}.modal-content{background:#222;border-radius:.5rem;width:100%;max-width:20rem;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #ffffff14}.modal-close{font-size:1.25rem;color:#9ca3af;cursor:pointer;background:0 0;border:none}.modal-body{padding:1rem}.fb-type-label{display:block;padding:.375rem .5rem;font-size:.8125rem;color:#d1d5db;background:#ffffff0d;border-radius:.375rem;cursor:pointer;transition:background .15s}.fb-type-label:hover{background:#ffffff14}.fb-type-label input{margin-right:.5rem;accent-color:#ff9900}.fb-textarea{display:block;width:100%;padding:.5rem;font-size:.8125rem;background:#ffffff0d;border:1px solid #ffffff20;border-radius:.375rem;color:#f3f4f6;resize:none;height:4rem;margin-bottom:.5rem;outline:none}.fb-textarea:focus{border-color:#f90}.fb-upload-label{display:block;padding:.5rem;text-align:center;font-size:.75rem;color:#9ca3af;background:#ffffff0d;border:1px dashed #ffffff20;border-radius:.375rem;cursor:pointer;margin-bottom:.5rem}.fb-previews{display:flex;gap:.375rem;flex-wrap:wrap}.fb-preview-img{width:4rem;height:4rem;object-fit:cover;border-radius:.25rem}.feedback-option{display:block;width:100%;padding:.5rem;text-align:left;font-size:.875rem;color:#d1d5db;background:#ffffff0d;border:none;border-radius:.375rem;cursor:pointer;transition:background .15s}.feedback-option:hover{background:#ffffff14}.video-player-wrap{position:relative;width:100%;min-height:200px;max-height:80vh;border-radius:.5rem;overflow:hidden;background:#000}.video-player-wrap video{width:100%;height:auto;max-height:80vh;display:block}.video-js{width:100%!important;height:auto!important;min-height:200px;max-height:80vh}.player-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:.875rem}.player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffffb3;font-size:.875rem;text-align:center;gap:.25rem}.player-error p:first-child{color:#ef4444;font-weight:600}.player-tip{position:absolute;bottom:.5rem;left:.5rem;padding:.2rem .5rem;font-size:.6875rem;background:rgba(0,0,0,.75);color:#f90;border-radius:.25rem;z-index:10;pointer-events:none}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f90;color:#000;border-radius:.5rem;font-size:.875rem;font-weight:600;transition:background .15s}.btn-primary:hover{background:#e68a00}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff14;color:#e5e7eb;border-radius:.5rem;font-size:.875rem;transition:background .15s}.btn-secondary:hover{background:#374151}.btn-sm{padding:.25rem .5rem;background:#374151;color:#e5e7eb;border-radius:.25rem;font-size:.75rem}.btn-sm:hover{background:#4b5563}.tag-badge{display:inline-block;padding:.125rem .5rem;background:#ffffff14;border-radius:9999px;font-size:.75rem;color:#d1d5db;transition:background .15s}.tag-badge:hover{background:#374151}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;margin-bottom:.5rem;flex-wrap:wrap}.page-btn{display:inline-block;padding:.35rem .75rem;font-size:.8125rem;border-radius:.375rem;background:#ffffff14;color:#d1d5db;transition:all .15s}.page-btn:hover{background:#374151;color:#fff}.page-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.pagination-bar.chapter-nav{justify-content:space-between}.pagination-bar.chapter-nav>.page-btn:first-child{margin-right:auto}.pagination-bar.chapter-nav>.page-btn:last-child{margin-left:auto}.page-info{font-size:.8125rem;color:#ffffffb3;white-space:nowrap}.page-jump{display:inline-flex;align-items:center;gap:.25rem}.page-input{width:3rem;padding:.25rem .375rem;font-size:.8125rem;text-align:center;border:1px solid #ffffff20;border-radius:.25rem;background:#ffffff0d;color:#f3f4f6;outline:none}.page-input:focus{border-color:#f90}.page-go{padding:.25rem .5rem;font-size:.75rem;background:#f90;color:#000;border-radius:.25rem;cursor:pointer;border:none}.back-to-top{position:fixed;bottom:1rem;left:1rem;width:2.5rem;height:2.5rem;background:#f90;color:#000;border-radius:9999px;display:none;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:30;border:none;cursor:pointer}.back-to-top:hover{background:#e68a00}.lazy-img-wrap{position:relative}.lazy-img-wrap .lazy-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 25%,#ffffff18 50%,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1;border-radius:inherit}.lazy-img-wrap .lazy-placeholder.hide{opacity:0;transition:opacity .3s;pointer-events:none}.ad-banners-list{padding:.5rem 0}.ad-banner-item{display:block;margin-bottom:.375rem}.ad-banner-item img{border-radius:.5rem}.ad-hot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.5rem 0;justify-items:center}.ad-hot-item{display:block;text-align:center;overflow:hidden;width:52px}.ad-hot-img-wrap{position:relative;width:52px;height:52px;border-radius:.5rem;overflow:hidden;background:#ffffff0d}.ad-hot-img{width:100%;height:100%;object-fit:cover}.ad-hot-title{display:block;font-size:.6875rem;color:#ffffffb3;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-tag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem;padding:0 0 .5rem}.ad-tag-item{display:block;text-align:center;padding:.35rem .25rem;background:#ffffff0d;border-radius:.375rem;transition:background .15s}.ad-tag-item:hover{background:#ffffff14}.ad-tag-text{font-size:.75rem;color:#f90;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.native-ad-card{position:relative}.native-ad-badge{position:absolute;top:.375rem;right:.375rem;padding:.0625rem .375rem;font-size:.625rem;background:rgba(255,153,0,.85);color:#000;border-radius:.25rem;font-weight:600;z-index:2}.search-bar{display:flex;gap:.5rem}.search-input{flex:1;padding:.5rem .75rem;font-size:.875rem;background:#ffffff0d;border:1px solid #ffffff20;border-radius:.375rem;color:#f3f4f6;outline:none}.search-input:focus{border-color:#f90}.search-btn{padding:.5rem 1rem;font-size:.875rem;background:#f90;color:#000;border:none;border-radius:.375rem;font-weight:600;cursor:pointer}.search-tabs{display:flex;gap:.5rem}.search-tab{flex:1;padding:.375rem 0;font-size:.8125rem;text-align:center;background:#ffffff0d;color:#d1d5db;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s}.search-tab.active{background:#f90;color:#000;font-weight:600;border-color:#f90}.domain-tip{padding:.5rem .625rem;margin-bottom:.75rem;background:#ffffff0d;border-radius:.375rem;font-size:.6875rem;line-height:1.5}.domain-tip a{color:#f90;display:inline-block;margin-right:.75rem;margin-bottom:.25rem}.domain-tip p{margin-bottom:.125rem}.domain-tip-info{color:#ffffffb3}.hover\:underline:hover{text-decoration:underline}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:bg-gray-800:hover{background-color:#ffffff14}.hover\:text-white:hover{color:#fff}

/* ==================== 电脑端响应式增强 ==================== */
@media (min-width: 768px) {
    /* 放宽主体宽度，不再限制 560px */
    body {
        max-width: 1200px;
        padding: 0 1rem;
    }
    .max-w-6xl {
        max-width: 1200px;
    }

    /* 导航栏调整：分类可以换行而不是横向滚动 */
    .cat-row {
        overflow-x: visible;
        white-space: normal;
        display: flex;
        flex-wrap: wrap;
        gap: 0.3rem;
    }
    .menu-item {
        font-size: 0.9rem;
    }

    /* 视频网格从2列增加到4列 */
    .home-grid,
    .video-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    /* 推荐区块和分类区块也可以加宽 */
    .home-section {
        margin-bottom: 2rem;
    }

    /* 卡片标题字号稍大 */
    .card-title {
        font-size: 0.85rem;
    }

    /* 横幅广告高度可加大 */
    .ad-banner-item img {
        aspect-ratio: auto;
        max-height: 120px;
        object-fit: contain;
    }

    /* 图标广告网格改为6列或更多 */
    .ad-hot-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    /* 文字广告网格改为6列 */
    .ad-tag-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    /* 小说列表改为两列 */
    .novel-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 图库瀑布流改为3列 */
    .image-grid {
        column-count: 3;
    }

    /* 播放器区域可以更高 */
    .video-player-wrap {
        max-height: 70vh;
    }
}

@media (min-width: 1024px) {
    /* 更大屏幕可以进一步放宽 */
    body {
        max-width: 1400px;
    }
    .max-w-6xl {
        max-width: 1400px;
    }
    .home-grid,
    .video-grid {
        grid-template-columns: repeat(5, 1fr);
    }
    .ad-hot-grid {
        grid-template-columns: repeat(8, 1fr);
    }
    .image-grid {
        column-count: 4;
    }
}

/* 确保移动端的返回顶部按钮在电脑端也可见 */
.back-to-top {
    z-index: 50;
}