*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family: "PingFang SC","Microsoft YaHei",sans-serif;
        }
        body{
            background:#f7f8fa;
            padding:15px;
        }
        .container{
            max-width:1200px;
            margin:0 auto;
        }
        .head-title{
            display:flex;
            justify-content:space-between;
            align-items:center;
            flex-wrap:wrap;
            gap:15px;
            margin:30px 0;
        }
        .head-title h1{
            font-size:26px;
            color:#1f2937;
            font-weight:700;
            letter-spacing:1px;
        }
        .head-btn-group{
            display:flex;
            gap:10px;
        }
        .head-btn{
            padding:6px 14px;
            background:#3b82f6;
            color:#fff;
            border:none;
            border-radius:20px;
            font-size:13px;
            cursor:pointer;
        }
        .top-bar{
            margin-bottom:20px;
        }
        .search-box{
            margin-bottom:12px;
        }
        .search-box form{
            display:flex;
            width:100%;
        }
        .search-box input{
            flex:1;
            padding:12px 16px;
            border:1px solid #e5e7eb;
            border-radius:30px 0 0 30px;
            outline:none;
            font-size:15px;
            background:#fff;
            transition:all .3s;
        }
        .search-box input:focus{
            border-color:#3b82f6;
        }
        .search-box button{
            padding:12px 20px;
            background:#3b82f6;
            color:#fff;
            border:none;
            border-radius:0 30px 30px 0;
            cursor:pointer;
            font-size:15px;
            font-weight:500;
            transition:background .3s;
        }
        .search-box button:hover{
            background:#2563eb;
        }
        .cate-nav{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
        }
        .cate-nav a{
            padding:8px 14px;
            background:#fff;
            border-radius:30px;
            text-decoration:none;
            color:#4b5563;
            font-size:14px;
            border:1px solid #e5e7eb;
            transition:all .3s;
            white-space:nowrap;
        }
        .cate-nav a.active,.cate-nav a:hover{
            background:#3b82f6;
            color:#fff;
            border-color:#3b82f6;
        }
        .marquee-box{
            background:#fff;
            border-radius:12px;
            padding:0 15px;
            height:44px;
            display:flex;
            align-items:center;
            margin-bottom:8px;
            border:1px solid #e5e7eb;
            overflow:hidden;
        }
        .marquee-title{
            color:#fff;
            background:#ef4444;
            font-size:12px;
            padding:4px 10px;
            border-radius:30px;
            margin-right:10px;
            flex-shrink:0;
            font-weight:bold;
        }
        .marquee-inner{
            position:relative;
            width:100%;
            height:100%;
            overflow:hidden;
        }
        .marquee-content{
            position:absolute;
            white-space:nowrap;
            font-size:14px;
            color:#374151;
            line-height:44px;
            animation: marquee 20s linear infinite;
        }
        @keyframes marquee {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }
        .video-list{
            display:grid;
            grid-template-columns:repeat(auto-fill, minmax(160px,1fr));
            gap:20px;
        }
        
        .video-list{
    display:grid;
    grid-template-columns:50% 50%;
    padding:0 6px;
    box-sizing:border-box;
}
        .video-item{
            background:#fff;
            border-radius:16px;
            overflow:hidden;
            transition:all .3s;
            box-shadow:0 2px 10px rgba(0,0,0,0.05);
        }
        .video-item:hover{
            transform:translateY(-6px);
            box-shadow:0 10px 25px rgba(0,0,0,0.08);
        }
        .video-img-box{
            position:relative;
            width:100%;
            padding-top:56.25%;
            background:#e5e7eb;
            overflow:hidden;
        }
        .video-img-box img{
            position:absolute;
            top:0;left:0;
            width:100%;height:100%;
            object-fit:cover;
        }
        .title{
            padding:12px;
            font-size:14px;
            color:#111827;
            font-weight:500;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        a{text-decoration:none;}
        .empty{
            text-align:center;
            padding:80px 20px;
            color:#9ca3af;
            font-size:15px;
            grid-column:1/-1;
        }
        .page-box{
            margin:40px 0;
            text-align:center;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            flex-wrap:wrap;
        }
        .page-box a{
            display:inline-block;
            padding:8px 14px;
            background:#fff;
            border-radius:8px;
            color:#3b82f6;
            text-decoration:none;
            border:1px solid #e5e7eb;
        }
        .page-box a.active{
            background:#3b82f6;
            color:#fff;
            border-color:#3b82f6;
        }
        .jump-box{
            display:flex;
            align-items:center;
            gap:6px;
            margin-left:10px;
        }
        .jump-box input{
            width:60px;
            height:36px;
            text-align:center;
            border:1px solid #e5e7eb;
            border-radius:8px;
            outline:none;
        }
        .jump-box button{
            height:36px;
            padding:0 10px;
            background:#3b82f6;
            color:#fff;
            border:none;
            border-radius:8px;
            cursor:pointer;
        }
        .modal{
            position:fixed;
            left:0;top:0;
            width:100%;height:100%;
            background:rgba(0,0,0,0.5);
            z-index:99999;
            display:none;
            align-items:center;
            justify-content:center;
            backdrop-filter:blur(4px);
        }
        .modal-box{
            background:#fff;
            width:90%;
            max-width:420px;
            padding:25px;
            border-radius:20px;
            animation:fadeIn .3s;
        }
        @keyframes fadeIn{
            from{opacity:0;transform:translateY(20px);}
            to{opacity:1;transform:translateY(0);}
        }
        .modal-box h3{
            margin-bottom:15px;
            font-size:18px;
            color:#111827;
        }
        .modal-content{
            line-height:1.7;
            margin-bottom:20px;
            font-size:14px;
            color:#4b5563;
        }
        .modal-close{
            width:100%;
            padding:12px;
            background:#3b82f6;
            color:#fff;
            border:none;
            border-radius:12px;
            cursor:pointer;
            font-size:15px;
        }
        .record-item{
            display:flex;
            justify-content:space-between;
            padding:8px 0;
            border-bottom:1px solid #eee;
        }
        .del-record{
            color:red;
            cursor:pointer;
            font-size:12px;
        }
        .clear-all{
            margin-top:10px;
            padding:8px;
            width:100%;
            background:#ef4444;
            color:#fff;
            border:none;
            border-radius:8px;
            cursor:pointer;
        }
        .notice-modal{
            position:fixed;
            left:0;top:0;
            width:100%;height:100%;
            background:rgba(0,0,0,0.5);
            z-index:99999;
            display:flex;
            align-items:center;
            justify-content:center;
        }
        .notice-box{
            background:#fff;
            width:90%;
            max-width:380px;
            padding:25px;
            border-radius:20px;
        }
        .notice-content{
            line-height:1.7;
            margin-bottom:20px;
            font-size:14px;
        }
        .notice-close{
            width:100%;
            padding:12px;
            background:#3b82f6;
            color:#fff;
            border:none;
            border-radius:12px;
            cursor:pointer;
        }
        .clearfix::after {content:"";display:table;clear:both;}
        .col6 {width: 100%;margin-bottom:6px;}
        .footer-tip{
            margin-top:50px;
            padding:20px;
            font-size:12px;
            line-height:1.8;
            color:#666;
            text-align:center;
            background:#fff;
            border-radius:12px;
            border:1px solid #e5e7eb;
        }
        .section-title{
            font-size:18px;
            font-weight:bold;
            color:#1f2937;
            margin:16px 0 12px;
            padding-left:10px;
            border-left:4px solid #3b82f6;
        }
        .domain-row{
            display:flex;
            align-items:center;
            gap:12px;
            background:#f7f8fa;
            padding:12px;
            border-radius:12px;
            margin-bottom:15px;
        }
        .domain-text{
            flex:1;
            word-break:break-all;
            font-size:14px;
        }
        .copy-btn{
            white-space:nowrap;
            padding:6px 12px;
            background:#3b82f6;
            color:#fff;
            border:none;
            border-radius:8px;
            cursor:pointer;
        }
        .qrcode-wrap{
            text-align:center;
            margin-top:10px;
        }
        #qrcode{
            display:inline-block;
            padding:8px;
            background:#fff;
            border-radius:12px;
            border:1px solid #eee;
        }
        .tip-text{
            font-size:12px;
            color:#999;
            margin-top:8px;
        }