body {
    margin:0;
    font-size:16px;
    font-family:Verdana;
    line-height:146%;
    color:#333;
    background-image:url(/tupian/keaifengexian.gif);
    background-repeat:no-repeat;
    background-position:center;
    padding-top:50px;
    padding-bottom:90px;
}
ul,dl,h1,h2,h3,h4,h5,h6,form,dd { padding:0; margin:0; }
h2 { font-size:14px; font-weight:normal; }
h3 { font-size:14px; font-weight:normal; }
h4 { font-size:12px; }
h5 { font-size:12px; font-weight:normal; }
ul { list-style:none; }
img { border:0; }

/* ===== 左侧边栏 ===== */
.keaicnfoot {
    position:fixed;
    top:2px;
    bottom:2px;
    left:0;
    width:60px;
    height:100%;
    overflow:hidden;
    z-index:998;
    color:#8800EE;
    background:#EEEED1;
    border-right:2px #D8BFD8 solid;
    box-shadow:2px 0 12px rgba(136,0,238,0.06);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    transition:width 0.3s ease;
}
.keaicnfoot:hover { width:120px; }
.keaicnfoot a {
    display:block;
    padding:4px 8px;
    font-size:13px;
    color:#8800EE;
    text-decoration:none;
    transition:color 0.3s;
}
.keaicnfoot a:hover {
    color:#FF6600;
    background:rgba(136,0,238,0.06);
}

/* ===== 顶部导航 ===== */
.keaidaohang1999 { height:auto; }
.keaidaohang2023 {
    width:100%;
    background:#8800EE;
    white-space:nowrap;
}
.keaidaohang2023 a {
    margin:6px 1px 16px 6px;
    font-size:16px;
    line-height:23px;
    color:#fff;
    text-align:center;
    text-decoration:none;
}

.keaidaohang2023_1 {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:#fff;
    white-space:nowrap;
    border-bottom:1px solid rgba(136,0,238,0.08);
    box-shadow:0 2px 12px rgba(136,0,238,0.12);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.keaidaohang2023_1 a {
    margin:6px 1px 16px 6px;
    font-size:16px;
    line-height:23px;
    color:#8800EE;
    text-align:center;
    text-decoration:none;
    transition:color 0.3s;
}
.keaidaohang2023_1 a:hover { color:#FF6600; }

/* ===== 底部菜单1 ===== */
.bottom-menu {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9999;
    display:flex;
    justify-content:space-around;
    padding:2px 0;
    background:#fff;
    border-top:1px solid rgba(136,0,238,0.06);
    box-shadow:0 -2px 12px rgba(136,0,238,0.10);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    gap:0 !important;
}
.bottom-menu-item01,
.bottom-menu-item02,
.bottom-menu-item03,
.bottom-menu-item04,
.bottom-menu-item05 {
    flex:1 0 auto !important;
    min-width:0 !important;
    display:flex;
    flex-direction:column !important;
    align-items:center;
    justify-content:center;
    padding:4px 2px !important;
    font-size:12px !important;
    color:#8800EE;
    text-align:center;
    text-decoration:none;
    background:#fff;
    box-sizing:border-box;
    white-space:nowrap !important;
    transition:color 0.3s, transform 0.2s;
    position:relative;
}
.bottom-menu-item01:hover,
.bottom-menu-item02:hover,
.bottom-menu-item03:hover,
.bottom-menu-item04:hover,
.bottom-menu-item05:hover {
    color:#FF6600;
    transform:translateY(-2px);
    cursor:pointer;
}
.bottom-menu-item01 i,
.bottom-menu-item02 i,
.bottom-menu-item03 i,
.bottom-menu-item04 i,
.bottom-menu-item05 i {
    font-size:16px !important;
    margin-bottom:1px !important;
}
.bottom-menu-item01 span,
.bottom-menu-item02 span,
.bottom-menu-item03 span,
.bottom-menu-item04 span,
.bottom-menu-item05 span {
    font-size:10px !important;
    letter-spacing:0.3px !important;
    opacity:0.8;
}
.bottom-menu-item01::after,
.bottom-menu-item02::after,
.bottom-menu-item03::after,
.bottom-menu-item04::after {
    content:'';
    position:absolute;
    right:0;
    top:10%;
    width:1.5px;
    height:80%;
    background:linear-gradient(to bottom,transparent 0%,rgba(136,0,238,0.25) 20%,rgba(136,0,238,0.45) 50%,rgba(136,0,238,0.25) 80%,transparent 100%);
    border-radius:1px;
}
.bottom-menu-item05::after { display:none !important; }

/* ===== 底部菜单2 ===== */
.bottom-menu-2 {
    position:fixed;
    bottom:30px;
    left:0;
    width:100%;
    z-index:9999;
    display:flex;
    justify-content:space-around;
    padding:2px 0;
    background:#fff;
    border-top:1px solid rgba(136,0,238,0.04);
    box-shadow:0 -2px 12px rgba(136,0,238,0.08);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.bottom-menu-2-item01,
.bottom-menu-2-item02,
.bottom-menu-2-item03,
.bottom-menu-2-item04,
.bottom-menu-2-item05 {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:space-around;
    padding:6px;
    font-size:16px;
    text-align:center;
    text-decoration:none;
    box-sizing:border-box;
    transition:opacity 0.3s, transform 0.2s;
}
.bottom-menu-2-item01 { color:#E0FFFF; background:#006400; }
.bottom-menu-2-item02 { color:#E0FFFF; background:#CDC673; }
.bottom-menu-2-item03 { color:#E0FFFF; background:#101E08; }
.bottom-menu-2-item04 { color:#E0FFFF; background:#8B8B00; }
.bottom-menu-2-item05 { color:#E0FFFF; background:#E82F63; }
.bottom-menu-2-item01:hover,
.bottom-menu-2-item02:hover,
.bottom-menu-2-item03:hover,
.bottom-menu-2-item04:hover,
.bottom-menu-2-item05:hover {
    opacity:0.8;
    transform:translateY(-2px);
    cursor:pointer;
}
.bottom-menu-2-item i { margin-bottom:2px; font-size:16px; }

/* ===== 底部浮动按钮 ===== */
.keaicnbutton {
    position:fixed;
    bottom:0;
    left:2%;
    z-index:999;
    width:96%;
    padding:6px 0;
    color:#00FF00;
    text-align:center;
    background:#fff;
    border:1px solid rgba(0,255,0,0.15);
    border-radius:12px 12px 0 0;
    box-shadow:0 -4px 20px rgba(136,0,238,0.08);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.keaicnbutton a {
    font-size:14px;
    color:#00CC88;
    text-decoration:none;
    transition:color 0.3s;
}
.keaicnbutton a:hover { color:#FF6600; }

/* ===== 其他 ===== */
.www_keai_cn {
    width:98.8%;
    text-align:center;
    background:#fff;
    border:1px solid #000;
}
.www_keai_cn li { display:inline; list-style:none; }
.www_keai_cn a {
    position:relative;
    margin:0 4px 0 0;
    font:14px '微软雅黑';
    color:#000;
    text-decoration:none;
    border:20px none #fff;
}
#keai_cn li:nth-of-type(odd) { background:#00ccff; }
#keai_cn li:nth-of-type(even) { background:#ffcc00; }
.keaifengexian {
    width:900px;
    height:90px;
    background:url(/tupian/keaifengexian.gif) no-repeat;
}
#wangxikeaicolor {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    color:#8800EE;
}
.keai_cn_keaitop_eight {
    width:100%;
    height:26px;
    margin:0 8px 0 0;
    font-size:16px;
    line-height:26px;
    text-align:center;
    word-break:keep-all;
    background:linear-gradient(to top,#f1eaf6,rgba(255,55,255,0));
    opacity:1;
    transition:opacity 2s ease-in-out;
}
.keai_cn_keaitop_eight:hover { opacity:0.5; }

#keai_cn_keaitop_up {
    width:auto;
    height:26px;
    font-size:16px;
    line-height:26px;
    text-align:center;
    border:#c0c0c0 0 dashed;
}
#keai_cn_keaitop_up a:link,
#keai_cn_keaitop_up a:visited,
#keai_cn_keaitop_up a:active {
    color:#fff !important;
    border:none !important;
}
#keai_cn_keaitop_up #keai_cn_keaitop_up_01 { background:#162B0A; }
#keai_cn_keaitop_up #keai_cn_keaitop_up_02 { background:#e33100; }
#keai_cn_keaitop_up #keai_cn_keaitop_up_03 { background:#C23290; }
#keai_cn_keaitop_up #keai_cn_keaitop_up_04 { background:#4eab57; }
#keai_cn_keaitop_up #keai_cn_keaitop_up_05 { background:#162B0A; }
#keai_cn_keaitop_up #keai_cn_keaitop_up_06 { background:#e33100; }
#keai_cn_keaitop_up #keai_cn_keaitop_up_07 { background:#C23290; }
#keai_cn_keaitop_up #keai_cn_keaitop_up_08 { background:#4eab57; }

#keai_cn_keaitop_up a {
    display:inline-block;
    padding:3px 8px;
    margin-right:10px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    vertical-align:middle;
    background:url(data:image/png;base64,/keaibg.png) repeat-x rgba(0,0,0,0);
    cursor:pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    text-shadow:0 -1px 1px rgba(0,0,0,0.25);
}

/* ============================================================
   面包屑导航文字美化
   ============================================================ */
#pt {
    padding:6px 12px !important;
    background:linear-gradient(135deg,rgba(136,0,238,0.04),rgba(255,102,0,0.04)) !important;
    border-radius:6px !important;
    margin:4px 8px !important;
}
#pt a,
#pt .z a {
    color:#8800EE !important;
    font-weight:400 !important;
    letter-spacing:0.3px !important;
    text-decoration:none !important;
    transition:color 0.3s ease !important;
}
#pt a:hover,
#pt .z a:hover { color:#FF6600 !important; }
#pt em,
#pt .z em {
    color:rgba(136,0,238,0.30) !important;
    font-style:normal !important;
    font-weight:300 !important;
    padding:0 4px !important;
    font-size:14px !important;
}
#pt .z a:last-child {
    color:rgba(136,0,238,0.55) !important;
    font-weight:300 !important;
}

/* ============================================================
   子菜单弹窗
   ============================================================ */
.submenu {
    display:none !important;
    position:fixed;
    bottom:30px;
    left:0;
    z-index:9998;
    width:100%;
    max-height:calc(100vh - 110px);
    padding:12px 10px 8px 10px !important;
    overflow-y:auto;
    color:#FFFF00;
    text-align:center;
    background:#3a383c;
}
.submenu[style*="display: block"],
.submenu[style*="display:block"] {
    display:block !important;
}

/* 图片链接 - 自动换行有间距 */
.submenu a img {
    display:inline-block !important;
    max-width:72px !important;
    height:auto !important;
    margin:6px 4px !important;
    border-radius:6px;
    vertical-align:middle;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
    transition:transform 0.3s, box-shadow 0.3s;
}
.submenu a img:hover {
    transform:scale(1.05);
    box-shadow:0 4px 16px rgba(136,0,238,0.3);
}
.submenu a:has(img) {
    display:inline-block !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
}

/* 普通文字链接 */
.submenu a:not(:has(img)) {
    display:inline-block !important;
    padding:6px 14px !important;
    margin:2px 4px !important;
    color:#dfd6ed;
    font-size:14px !important;
    text-align:center;
    text-decoration:none;
    border-radius:4px;
    background:rgba(255,255,255,0.04);
    transition:background 0.2s, color 0.2s;
    white-space:nowrap !important;
}
.submenu a:not(:has(img)):hover {
    background:rgba(136,0,238,0.3);
    color:#fff;
}

/* center 内保留原有换行 */
.submenu center {
    display:block !important;
    width:100% !important;
    text-align:center !important;
    padding:4px 0 !important;
}
.submenu center * { display:inline !important; }
.submenu center br { display:inline !important; }
.submenu center a {
    display:inline-block !important;
    padding:2px 6px !important;
    margin:0 !important;
    background:transparent !important;
    white-space:nowrap !important;
}
.submenu center a:hover {
    background:transparent !important;
    color:#FF6600 !important;
}
.submenu center font,
.submenu center strong {
    display:inline !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
}

/* ⊕ 分类链接加框 */
.submenu center a[href*="forum.php?mod=forumdisplay"] {
    display:inline-block !important;
    padding:5px 16px !important;
    margin:4px 6px !important;
    border:1px solid rgba(255,255,255,0.12) !important;
    border-radius:6px !important;
    background:rgba(255,255,255,0.04) !important;
    color:#dfd6ed !important;
    font-size:14px !important;
    text-decoration:none !important;
    transition:all 0.25s ease !important;
}
.submenu center a[href*="forum.php?mod=forumdisplay"]:hover {
    border-color:rgba(136,0,238,0.5) !important;
    background:rgba(136,0,238,0.15) !important;
    color:#fff !important;
    transform:translateY(-1px) !important;
    box-shadow:0 2px 12px rgba(136,0,238,0.15) !important;
}
.submenu center a[href*="forum.php?mod=forumdisplay"] font,
.submenu center a[href*="forum.php?mod=forumdisplay"] strong {
    display:inline !important;
    color:inherit !important;
}

/* 关闭按钮 */
.submenu font[color="#FFFFFF"] {
    display:block !important;
    width:100% !important;
    text-align:center !important;
    padding:10px 0 !important;
    margin:12px 0 0 0 !important;
    border-top:1px solid rgba(255,255,255,0.08) !important;
    background:transparent !important;
    color:#FF8844 !important;
    font-size:14px !important;
    cursor:pointer;
}
.submenu font[color="#FFFFFF"]:hover {
    background:rgba(255,136,68,0.08) !important;
    color:#FFAA66 !important;
}

/* ============================================================
   移动端
   ============================================================ */
@media screen and (max-width:768px) {
    body { padding-top:44px; padding-bottom:80px; }
    .keaicnfoot { display:none; }
    .keaidaohang2023_1 { padding:0; }
    .keaidaohang2023_1 a { margin:4px; font-size:14px; }
    .bottom-menu {
        flex-wrap:nowrap !important;
        padding:2px 0 !important;
        justify-content:space-around !important;
    }
    .bottom-menu-item01,
    .bottom-menu-item02,
    .bottom-menu-item03,
    .bottom-menu-item04,
    .bottom-menu-item05 {
        flex:1 1 0 !important;
        min-width:0 !important;
        padding:4px 1px !important;
        font-size:10px !important;
    }
    .bottom-menu-item01 i,
    .bottom-menu-item02 i,
    .bottom-menu-item03 i,
    .bottom-menu-item04 i,
    .bottom-menu-item05 i {
        font-size:14px !important;
    }
    .bottom-menu-item01 span,
    .bottom-menu-item02 span,
    .bottom-menu-item03 span,
    .bottom-menu-item04 span,
    .bottom-menu-item05 span {
        font-size:8px !important;
        letter-spacing:0.2px !important;
    }
    .bottom-menu-item01::after,
    .bottom-menu-item02::after,
    .bottom-menu-item03::after,
    .bottom-menu-item04::after {
        width:1px !important;
        top:15% !important;
        height:70% !important;
    }
    .bottom-menu-2-item01,
    .bottom-menu-2-item02,
    .bottom-menu-2-item03,
    .bottom-menu-2-item04,
    .bottom-menu-2-item05 {
        padding:4px 0;
        font-size:12px;
    }
    .keaicnbutton {
        left:1%;
        width:98%;
        border-radius:8px 8px 0 0;
    }
    .keaicnbutton a { font-size:13px; }
    #pt {
        padding:4px 8px !important;
        margin:2px 4px !important;
    }
    #pt a,
    #pt .z a { font-size:13px !important; }
    #pt em,
    #pt .z em {
        font-size:12px !important;
        padding:0 2px !important;
    }
    .submenu {
        padding:10px 6px 8px 6px !important;
    }
    .submenu a img {
        max-width:56px !important;
        margin:4px 2px !important;
    }
    .submenu a:not(:has(img)) {
        padding:5px 10px !important;
        font-size:13px !important;
    }
    .submenu center a[href*="forum.php?mod=forumdisplay"] {
        padding:3px 8px !important;
        margin:2px 3px !important;
        font-size:12px !important;
        border-radius:4px !important;
    }
    .submenu font[color="#FFFFFF"] {
        padding:8px 0 !important;
        font-size:13px !important;
    }
}

/* ============================================================
   电脑端
   ============================================================ */
@media screen and (min-width:769px) {
    .submenu {
        padding:16px 20px 10px 20px !important;
    }
    .submenu a img {
        max-width:80px !important;
        margin:8px 6px !important;
    }
    .submenu a:not(:has(img)) {
        padding:6px 20px !important;
        font-size:15px !important;
    }
    .submenu center a[href*="forum.php?mod=forumdisplay"] {
        padding:5px 16px !important;
        margin:4px 6px !important;
        font-size:14px !important;
    }
    .submenu font[color="#FFFFFF"] {
        padding:12px 0 !important;
        font-size:15px !important;
    }
}