/* --- 以下提取自原 global.v3.css 的基础全局样式 --- */
        @media only screen { html { font-size: 15px; } }
        @media only screen and (min-width: 360px) and (max-width: 399px) { html { font-size: 15px; } }
        @media only screen and (min-width: 400px) and (max-width: 479px) { html { font-size: 16px; } }
        @media only screen and (min-width: 480px) and (max-width: 719px) { html { font-size: 20px; } }
        @media only screen and (min-width: 720px) { html { font-size: 30px; } }

        * { box-sizing: border-box; } /* 确保宽度计算包含边框和内边距 */
        html { overflow-y: scroll; -webkit-text-size-adjust: 100%; }

        body { margin: 0 auto; color: #333333; background-color: #eff0f3; font: 0.6rem/1.5 "Microsoft Yahei", sans-serif; text-align: center; }
        p, dl, dt, dd, table, td, th, input, img, form, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
        ul, li, ol { list-style: none; }
        a { text-decoration: none; color: #333; }

                a.ui.label {
                    cursor: pointer;
                }

                .video-page {
                    margin-top: 20px;
                    clear: both;
                }

                .ui.label {
                        vertical-align: middle;
                        text-transform: none;
                        transition: background .1s ease;
                    }


            .globalIcon {
                background-image: url(/static/headIconMap.v3.png);
                background-size: 16.66667rem 16.66667rem;
                background-repeat: no-repeat;
                width: 1.33333rem;
                height: 1.33333rem;
                display: block;
                overflow: hidden;
            }

		 .video_type {
                        display: inline-block;
                        float:left;
                        line-height: 1;
                        vertical-align: middle;
                        margin: 0 0.1em;
                        margin-top: 6px;
                        margin-bottom: 6px;
                        background-image: none;
                        padding: 0.33em 0.33em;
                        text-transform: none;
                        border: 0 solid transparent;
                        border-radius: 0.28571429rem;
                        font-size: 0.8rem;
                    }
     
                /* --- 1. 全局与基础重置 --- */
                * { margin: 0; padding: 0; box-sizing: border-box; } /* 统一盒子模型，解决宽度溢出 */
                html { overflow-y: scroll; -webkit-text-size-adjust: 100%; font-size: 15px; }
                body {
                    margin: 0 auto;
                    color: #333;
                    background-color: #eff0f3;
                    font: 1.1rem/1.5 "Microsoft Yahei", sans-serif;
                    text-align: center;
                    width: 100%;
                    overflow-x: hidden; /* 禁止左右滑动 */
                    padding-bottom: 80px;
                }
                ul, li { list-style: none; }
                img { vertical-align: middle; border: none; max-width: 100%; height: auto; }
                a { text-decoration: none; color: #333; }
                .clearfix::after { content: ""; display: block; clear: both; }

                /* --- 2. 核心布局容器 --- */
                .wrapper {
                    text-align: left;
                    width: 100%;
                    max-width: 100%; /* 限制最大宽度，防止拉动 */
                    position: relative;
                    padding-top: 0.33333rem;
                    overflow-x: hidden;
                }
                .w { max-width: 1260px; margin: 0 auto; width: 100%; }

                /* --- 3. 头部 Header ---     height: 3.33333rem;*/


                /* --- 1. Header 容器基础设置 --- */
                .header {
                    display: flex !important;
                    flex-wrap: wrap !important;      /* 允许换行 */
                    flex-direction: row !important;  /* 确保横向排列 */
                    align-items: center !important;
                    justify-content: space-between !important;
                    min-height: 3.33rem;
                    padding: 0 10px;
                    background-color: #1281eed1;
                }



                /* 2. 电脑端布局逻辑 (默认状态) */
                .header h1 {
                    flex: 0 0 auto !important;       /* 宽度按内容计算，不伸缩 */
                    order: 1 !important;             /* 排在第 1 位 */
                    margin: 0 !important;
                }


                .aHeaderSearch {
                    order: 2;                 /* 电脑端排在中间 */
                    background-color: #2679ca;
                    flex: 1;                  /* 自动撑满剩余空间 */
                    max-width: 600px;         /* 电脑端防止搜索框过长 */
                    margin: 0 20px;
                    border-radius: 1rem;
                    height: 2.2rem;
                    display: flex;
                    align-items: center;
                }
                .van-search { display: flex; align-items: center; background: #fff; border-radius: 1rem; height: 100%;width:100%; }
                .field_input { border: 0; width: 100%; padding-left: 5px;margin-left:10px; font-size: 0.99rem; outline: none;  }
                .right-icon { cursor: pointer; padding-right: 5px; display: flex; align-items: center; }
                .right-icon img { width: 1.5rem; }



                 .header .aHeaderFun {
                        flex: 0 0 auto !important;       /* 宽度按内容计算 */
                        order: 3 !important;             /* 排在第 3 位 */
                        width: auto !important;
                        min-width: 3.5rem;
                        display: flex !important;
                        flex-direction: column;
                        align-items: center;
                    }

                .globalIcon { background: url(/static/headIconMap.v3.png) no-repeat; background-size: 16.6rem 16.6rem; width: 1.33rem; height: 1.33rem; margin: 0 auto; }
                .globalIcon.userIcon { background-position: -2.8rem 0; }
                .header .aHeaderFun span {
                        display: block;
                        color: #fff;
                        font-size: 1rem;
                        line-height: 1.5rem;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                /* --- 4. 分类与导航 --- */
                .classification { white-space: nowrap; overflow-x: auto; padding: 5px; background: #fff; }
                .ui.label {
                     margin: 3px;
                    background: #ddd;
                        display: inline-block;
                        padding: 0.4rem 0.6rem;
                        border-radius: 0.8rem;
                        font-size: 1.2rem;
                        font-weight: 700;
                        font-size:1.2rem;
                }
                .ui.red.label { background-color: #db2828 !important; color: #fff !important; }
                /* .ui.circular.label { border-radius: 500rem; min-width: 1.6em; text-align: center; } */

                .ui.circular.label {
                    display: inline-flex;    /* 改为 flex 布局，方便文字居中 */
                    align-items: center;     /* 垂直居中 */
                    justify-content: center; /* 水平居中 */
                    width: 2.2em;            /* 固定宽度 */
                    height: 2.2em;           /* 固定高度，必须与宽度一致 */
                    padding: 0 !important;   /* 必须去掉 padding，否则会撑大宽度 */
                    line-height: 1;          /* 重置行高 */
                    text-align: center;
                    border-radius: 50%;      /* 只要宽高相等，50% 就是圆 */
                }

                /* --- 5. 视频列表 (url_list) 修复 --- */
                .url_list {
                    width: 100%;
                    clear: both;
                    padding: 0 10px; /* 增加左右内边距，防止贴边 */
                }
                .mod_a .th_a { padding: 10px 0; }
                .sMark { font-size: 1.1rem; font-weight: bold; float: left; }
                .aMore { float: right; color: #666; font-size: 1.2rem; }

                #data_list {
                    display: flex; flex-wrap: wrap;
                    margin: 0 -1px; /* 抵消 li 的 padding，确保对齐边缘 */
                }
                  /* --- 核心修复：针对三列排版的优化 --- */
                    .globalPicList.threeList {
                        overflow: hidden;
                        width: 100%;
                        display: block;
                    }

                    .globalPicList.threeList li {
                        width: 25% !important; /* 改为25%以填满100%空间 */
                        box-sizing: border-box;   /* 极其重要：确保padding不撑开宽度 */
                        padding: 2px;             /* 给图片之间留出微小缝隙，你可以根据喜好调整 */
                        text-align: center;
                    }

                .globalPicList li {
                    flex: 0 0 25%;
                    padding: 5px;
                    text-align: center;
                }
                .globalPicList li .pic a {
                    display: block; width: 100%; aspect-ratio: 3/4;
                    background: #e0e0e0; border-radius: 8px; overflow: hidden;
                }
                .globalPicList li .pic img { width: 100%; height: 100%; object-fit: cover; }
                .globalPicList li .sTit {
                    display: block; width: 100%; overflow: hidden; text-overflow: ellipsis;
                    white-space: nowrap; padding: 5px 0; font-size: 16px;
                }
                .globalPicList li .sDes { font-size: 15px; color: #333; }

                /* --- 6. 友链与页脚 --- */
                .friend { border-top: 1px solid #ddd; margin-top: 15px; padding: 10px; width: 100%; }
                .friend .links { display: flex; flex-wrap: wrap; justify-content: center; }
                .friend .links a {
                    width: 9.5%; margin: 2px; border: 1px solid #276FDB;
                    font-size: 1.1rem; line-height: 30px; text-align: center;
                    font-weight: 600;
                    border-radius: 6px;
                }

                .video-page { padding: 20px 0; text-align: center; width: 100%; clear: both; }

                .footer {
                    background: #dfdfdf; border-top: 1px solid #c5c5c5; padding: 10px 0;
                    text-align: center; width: 100%;
                }

                .footer {
                    margin-top: 20px;
                }
        .footer-fixed-nav{display: none;position: fixed;bottom: 0;left: 0;right: 0;background: #f1f1f1;height: 65px;z-index: 9999;box-shadow: 0px -4px 10px 0px rgba(17, 58, 93, 0.1);transition: all .3s ease 0s;}

        .footer-fixed-nav a{display: inline-block;float: left;width: 20%;text-align: center;margin-top:5px;}
        .footer-fixed-nav a span{display: block;font-size: 14px;line-height: 18px;position: relative;top:-1px;}
        .footer-fixed-nav a i{font-size: 22px;top:1px;line-height: 24px;}
        .footer-fixed-nav .footer-nav-trigger{position: absolute;top:-16px;left: calc(50% - 15px);width: 30px;height: 16px;line-height: 16px;text-align: center;background: #f1f1f1;border-radius: 3px 3px 0 0;box-shadow: 0px -4px 10px 0px rgba(17, 58, 93, 0.1);}
        .footer-fixed-nav .footer-nav-trigger .icon{top:0;font-size: 14px;}
        .footer-fixed-nav .footer-nav-trigger.active .icon:before{content: "\e67a"}
         body.night .footer-fixed-nav, body.night .footer-fixed-nav .footer-nav-trigger{background: #212533;color: #bdcadb;}
        .footer-fixed-nav{display: block;}
                .copyRight { font-size: 0.8rem; color: #686868; }

                /* --- 7. 底部固定导航与箭头 --- */
                .footer-fixed-nav {
                    position: fixed; bottom: 0; left: 0; right: 0;
                    background: #f1f1f1; height: 60px; z-index: 999;
                    display: flex; justify-content: space-around; align-items: center;
                    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
                }
                .footer-fixed-nav a { text-align: center; flex: 1; }
                .footer-fixed-nav a span { display: block; font-size: 12px; margin-top: 2px; }

                /* 箭头动画逻辑 */

                /* --- 8. 响应式适配 --- */
                @media (max-width: 768px) {
                    html { font-size: 20px; }
                    .globalPicList li { flex: 0 0 50%; } /* 手机端一行2个 */
                    .friend .links a { width: 23.5%; font-size:0.8rem;font-weight:600 }
                    .ui.circular.label {
                        width: 2.8em;        /* 手机端稍微大一点，方便手指点击 */
                        height: 2.8em;       /* 宽高保持一致 */
                        padding: 0 !important;
                    }
                    .ui.label {
                         font-size: 0.7rem;
                        }

              .header {
                    padding: 8px 10px !important;
                }
                .header h1 {
                    flex: 1 !important;          /* 标题占满左半部分 */
                    order: 1 !important;
                    font-size: 1.2rem;
                }

                .header .aHeaderFun {
                    order: 2 !important; /* 强制排在第二位，紧跟标题 */
                    flex: 0 0 auto !important;   /* 登录按钮靠最右 */
                    margin-left: 10px;
                }

                /* 第二行：搜索框强制占满 100% */
                .header .aHeaderSearch {
                    flex: 0 0 100% !important;   /* 宽度设为 100% 强制挤到下一行 */
                    order: 3 !important;         /* 确保排在最后（也就是下方） */
                    margin: 5px 0 10px 0 !important; /* 增加上下边距 */
                    max-width: none !important;
                }

                /* 核心：由于 Header 变高了，修正主体内容的顶部间距 */
                .wrapper {
                    padding-top: 0 !important;
                }

                }