
@font-face {
    font-family:"Hum777i";
    src:url("Tahomai.eot"); /* IE9 */
    src:url("Tahomai.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("Hum777i.woff") format("woff"), /* chrome、firefox */
    url("Hum777i.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    /*url("Tahomai.otf"), */
    url("Hum777i.svg#Tahomai") format("svg"); /* iOS 4.1- */
	font-display:swap;
}

/*不要动下面三行*/
body,td,th,select,input,button,option,textarea { font-family:"Hum777i","Tahoma","Helvetica","Arial","Verdana","Georgia","Lucida Family","Microsoft YaHei","STXihei","SimSun","Microsoft JhengHei","SimHei","MingLiU"; }
body { font-size:14px; }
.mingz { font-size:15px; }

/* ============================================================
   名站悬停下拉菜单（MSUB_HOVER_MENU v1）
   作用：把「子链接或代码」里填的内容，收进一个悬停才出现的小面板
   安装：整段追加到 writable/css/style.css 末尾即可（不要放 readonly）
   卸载：删掉本段（从 BEGIN 到 END）立即恢复原样
   ============================================================ */
/* #region MSUB_HOVER_MENU BEGIN */

/* 定位基准：写在一条不带 :has 的规则里，保证老内核也能生效
   （CSS 里只要有一个选择器不认识，整条规则都会被丢弃） */
#mingz li,
#right .mingz li,
.class_side li {
    position: relative;
}

/* 现代浏览器兜底：任何直接带 msub 的 li 都可以当定位基准 */
li:has(> .msub) {
    position: relative;
}

/* 面板默认隐藏，绝对定位（不占位、不影响 JS 算宽） */
#mingz li > .msub,
#right .mingz li > .msub,
.class_side li > .msub,
li > .msub {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 100% !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    min-width: 112px;
    max-width: 240px;
    background: #FFFFFF !important;
    border: 1px solid #9ED18E !important;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: #444444 !important;
    font-size: 0 !important;      /* 吃掉子链接之间的「·」分隔符 */
    line-height: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, 4px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
    pointer-events: none;
    z-index: 9999;
}

#mingz li:hover > .msub,
#right .mingz li:hover > .msub,
.class_side li:hover > .msub,
li:hover > .msub {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}

/* 隐形搭桥：鼠标从名字移到面板的瞬间不会闪断 */
#mingz li > .msub::before,
#right .mingz li > .msub::before,
.class_side li > .msub::before,
li > .msub::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
}

/* 面板里的每一条子链接：竖排、等宽、覆盖数据里的内联样式 */
#mingz li > .msub a,
#right .mingz li > .msub a,
.class_side li > .msub a,
li > .msub a {
    display: block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #444444 !important;
    font-size: 12.5px !important;
    font-family: inherit !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    word-spacing: normal !important;
}

#mingz li > .msub a:hover,
#right .mingz li > .msub a:hover,
.class_side li > .msub a:hover,
li > .msub a:hover {
    background: #F2F9EE !important;
    color: #1A7F37 !important;
    text-decoration: none !important;
}

/* 有下拉的链接给个小三角提示（不占位，不影响 JS 的宽度计算） */
#mingz li:has(> .msub) > a,
#right .mingz li:has(> .msub) > a {
    position: relative;
}

#mingz li:has(> .msub) > a::after,
#right .mingz li:has(> .msub) > a::after {
    content: "\25BE";
    position: absolute;
    right: -10px;
    top: 1px;
    font-size: 9px;
    line-height: 1;
    color: #9CBF95;
}

/* 触屏设备没有“悬停”，自动退回原来的内联小字，避免子链接点不到 */
@media (hover: none) {
    #mingz li > .msub,
    #right .mingz li > .msub,
    .class_side li > .msub {
        position: static !important;
        display: inline !important;
        padding: 0 !important;
        margin-left: 4px !important;
        min-width: 0;
        background: none !important;
        border: 0 !important;
        box-shadow: none;
        font-size: 12px !important;
        line-height: inherit !important;
        visibility: visible;
        opacity: 1;
        transform: none;
        pointer-events: auto;
    }

    #mingz li > .msub a,
    #right .mingz li > .msub a,
    .class_side li > .msub a {
        display: inline !important;
        padding: 0 2px !important;
        font-size: 12px !important;
        color: #888888 !important;
    }
}
/* #endregion MSUB_HOVER_MENU END */

