/* ============================================================
   index2.css —— 名典起名网首页样式（全新重写版）
   对应修改后的 index.html：
   - 右栏原“名典问问”已删除
   - 底部新增全宽“名典问问”区块
   - PC 两栏，手机一栏
   ============================================================ */

/* ===== 全局重置 ===== */
* { margin:0; padding:0; box-sizing:border-box; }
body {
    margin:0; padding:0; background-color:#F5F5F5;
    font:13px/1.5 Verdana,Arial,Tahoma,"Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体",sans-serif;
    color:#333; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img { border:none; max-width:100%; height:auto; display:block; }
a { color:#444; text-decoration:none; transition:color .2s; }
a:hover { color:#ba2636; text-decoration:underline; }
ul, ol { list-style:none; padding:0; margin:0; }
input, select, button { font:13px/1.5 Verdana,Arial,Tahoma,"Microsoft YaHei",sans-serif; vertical-align:middle; }
input:focus, select:focus, button:focus { outline:0; }
.clearfix::after { content:""; display:table; clear:both; }
.clr { overflow:hidden; clear:both; }
.red { color:#e00; }
.green { color:#090; }
.blue { color:#00a; }
.gray { color:#888; }
.b { font-weight:bold; }
.center { text-align:center; }
.kg { text-indent:2em; }
.mt1 { margin-top:10px; }
.mt2 { margin-top:16px; }
.f12 { font-size:12px; }

/* ===== 容器 ===== */
.container { max-width:960px; margin:0 auto; padding:0; background-color:#fff; overflow:hidden; }

/* ===== Header ===== */
.header {
    width:100%; overflow:hidden; display:flex; align-items:center; flex-wrap:nowrap;
    padding:4px 6px; background:#fff; position:relative;
}
.header .logo { flex:0 0 auto; }
.header .logo .logo-pc { display:block; }
.header .logo .logo-mobile { display:none; }
.header .banner { flex:1 1 auto; min-width:0; margin-left:10px; overflow:hidden; }
.header .banner img { display:block; width:100%; height:auto; max-width:700px; }
.header .hd_nav { display:none; margin-left:auto; padding:0 4px; color:#fff; text-align:right; flex:0 0 auto; }
.header .hd_nav a { margin-right:6px; font-size:18px; color:#2D92DA; font-weight:500; }
.header .sitemap { display:none; flex:0 0 auto; margin-left:8px; padding:0 4px; font-size:28px; line-height:1; color:#2D92DA; cursor:pointer; }
.header .sitemap .sitemap-icon { display:inline-block; font-weight:bold; }

/* ===== 导航 ===== */
.nav { background-color:#2D92DA; overflow:hidden; width:100%; }
.nav ul { display:flex; flex-wrap:wrap; font-size:15px; margin:0; padding:0; justify-content:flex-start; }
.nav ul li { flex:0 0 auto; text-align:center; list-style:none; }
.nav ul li a {
    display:block; line-height:40px; padding:0 6px; color:#fff; font-weight:normal;
    text-decoration:none; white-space:nowrap; font-size:15px; transition:background .25s;
}
.nav ul li a:hover, .nav ul li a:active { background-color:#5077b8; color:#fff; text-decoration:none; }

/* ===== 主体双栏 ===== */
.main-wrap { display:flex; flex-wrap:wrap; padding:0 2px; background:#fff; }

/* ----- 左栏 ----- */
.main-left { flex:1 1 0; min-width:0; padding-right:0; display:flex; flex-direction:column; }
.main-left .inner { display:flex; flex-wrap:wrap; }
.main-left .left-sidebar {
    flex:0 0 150px; margin-top:5px; max-width:150px; padding-right:8px;
    background:#fff url(/img/dots.gif) repeat-y right; min-height:405px;
}
.main-left .center-content {
    flex:1 1 0; min-width:200px; background:#f7f7f7 url(/img/dots.gif) repeat-y right;
    padding:0 0 10px 0; overflow:hidden; margin-top:0px;
}

/* ----- 右栏 ----- */
.main-right {
    flex:0 0 250px; max-width:250px; margin-top:5px; margin-left:8px;
    overflow:hidden; display:flex; flex-direction:column;
}

/* ===== 通用 tbox ===== */
.tbox {
    border:1px solid #2D92DA; border-top:2px solid #2D92DA; overflow:hidden;
    font-size:14px; margin-bottom:0; background:#fff;
}
.tbox dt {
    height:32px; background-color:#f7f7f7; color:#505050; border-bottom:1px solid #2D92DA;
    overflow:hidden; line-height:32px; padding:0 8px;
}
.tbox dt strong { font-size:14px; color:#2D92DA; }
.tbox dt strong a { color:#2D92DA; }
.tbox dt strong a:hover { color:#666; text-decoration:none; }
.tbox dt .more { float:right; font-weight:normal; font-size:12px; color:#505050; }
.tbox dt .more a { color:#505050; }
.tbox dt .more a:hover { color:#ff3333; text-decoration:underline; }
.tbox dd { padding:5px 8px; overflow:hidden; }

/* ===== 列表样式 ===== */
.d4 li {
    float:left; width:100%; margin:2px 0; text-indent:12px; border-bottom:1px dashed #ddd;
    background:url(/img/ico-3.gif) 4px 12px no-repeat; white-space:nowrap; overflow:hidden; line-height:28px;
}
.d4 li a { display:block; overflow:hidden; }

.d6 { padding:0; margin:0; display:flex; flex-wrap:wrap; gap:4px; }
.d6 li { flex:0 0 calc(50% - 4px); margin:0; }
.d6 li a {
    display:block; color:#333; background-color:#f6f6f6; border:1px solid #f2f2f2;
    height:26px; line-height:26px; padding-left:8px; font-size:13px;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.d6 li a:hover { text-decoration:none; background-color:#c1c1c1; }

.dd li {
    float:left; width:100%; margin:2px 0; text-indent:4px; border-bottom:1px dashed #ddd;
    background:url(/img/ico-2.gif) 2px 9px no-repeat; white-space:nowrap; overflow:hidden; line-height:26px;
}
.dd li a { display:block; overflow:hidden; }

.ml { padding:0; margin:0; }
.ml li {
    line-height:30px; overflow:hidden; padding-left:16px;
    background:url(/img/ico-2.gif) 7px 13px no-repeat; border-bottom:1px solid #f2f2f2;
}
.ml li a { color:#585858; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* ===== 中间内容 ===== */
.center-content .title { padding:8px 0 0 18px; color:#093; }
.center-content .title h1 { margin:0; padding:0; font-size:16px; font-family:"Microsoft YaHei","微软雅黑"; font-weight:bold; }
.center-content .explain2, .center-content .explain {
    color:#333; line-height:22px; font-size:14px; padding:6px 18px; overflow:hidden;
}
.center-content .explain2 { font-size:12px; }
.center-content .title_sm {
    margin:6px 0 4px 0; border-bottom:1px solid #2D92DA; padding:0 18px 0 18px;
    height:28px; line-height:28px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
}
.center-content .title_sm h2 {
    background:url(/img/dots_cur.gif) no-repeat left center; padding-left:20px;
    font-size:14px; color:#333; margin:0; font-weight:bold;
}
.center-content .title_sm span { font-size:12px; color:#333; }
.center-content .title_sm span a { color:#333; }
.center-content .title_sm span a:hover { color:#ff3399; text-decoration:underline; }

/* ===== 表单 ===== */
.inform { padding:10px 18px; line-height:36px; font-size:15px; overflow:hidden; }
.inform .form-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 10px; margin-bottom:4px; }
.inform .form-row label { display:inline-flex; align-items:center; gap:2px; }
.inform .form-row .ipt {
    height:26px; padding:0 6px; background-color:#fff; font-size:15px;
    border:1px solid #b9b9b9; border-radius:2px; vertical-align:middle;
}
.inform .form-row select {
    height:28px; padding:0 4px; font-size:13px; border:1px solid #b9b9b9;
    border-radius:2px; background:#fff; vertical-align:middle;
}
.inform .form-row .zbslt { font-size:13px; color:#666; height:28px; }
.inform .zbbtn {
    font-size:15px; color:#fff; height:34px; padding:0 28px; border:1px solid #fda039;
    border-radius:6px; background-color:#fda039; cursor:pointer; font-weight:bold;
    transition:background .2s; -webkit-appearance:none;
}
.inform .zbbtn:hover { background-position:0 -50px; background-color:#e88f2a; }

/* ===== 四个区块 ===== */
.four-blocks { display:flex; flex-wrap:wrap; gap:0; width:100%; margin-top:0; }
.four-blocks .listbox {
    flex:1 1 calc(50% - 0px); min-width:270px; border:1px solid #2D92DA; border-top:2px solid #2D92DA;
    background:#fff; margin:6px 0; overflow:hidden; font-size:14px;
}
.four-blocks .listbox .title {
    height:32px; background-color:#f7f7f7; color:#505050; border-bottom:1px solid #2D92DA;
    line-height:32px; padding:0 10px; display:flex; justify-content:space-between; align-items:center;
}
.four-blocks .listbox .title h2 { font-size:14px; color:#2D92DA; margin:0; font-weight:bold; }
.four-blocks .listbox .title h2 a { color:#2D92DA; }
.four-blocks .listbox .title h2 a:hover { color:#666; text-decoration:none; }
.four-blocks .listbox .title .more a { color:#505050; font-size:12px; }
.four-blocks .listbox .title .more a:hover { color:#ff3333; text-decoration:underline; }
.four-blocks .listbox .list { padding:4px 6px; overflow:hidden; }
.four-blocks .listbox .list .ml li {
    line-height:28px; padding-left:14px; background:url(/img/ico-2.gif) 4px 11px no-repeat;
    border-bottom:1px solid #f5f5f5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.four-blocks .listbox .list .ml li a { display:block; color:#585858; overflow:hidden; text-overflow:ellipsis; }

/* ===== 右栏其他模块 ===== */
.main-right .tbox { margin-bottom:10px; }
.main-right .tbox dd { padding:6px 10px; }
.main-right .tbox .d6 li { flex:0 0 calc(50% - 4px); }

/* ===== 手机专用模块（PC 隐藏） ===== */
.mobile-modules { display:none; width:100%; padding:0 2px; }

/* ===== 底部名典问问（新） ===== */
.bottom-ww {
    max-width:960px; margin:10px auto 0; display:flex; gap:10px;
    padding:0 2px; box-sizing:border-box;
}
.bottom-ww .ww-panel {
    flex:1 1 0; min-width:0; border:1px solid #2D92DA; border-top:2px solid #2D92DA;
    background:#fff; overflow:hidden;
}
.bottom-ww .ww-title {
    height:32px; background-color:#f7f7f7; color:#505050; border-bottom:1px solid #2D92DA;
    line-height:32px; padding:0 8px; display:flex; justify-content:space-between; align-items:center;
}
.bottom-ww .ww-title h2 { font-size:14px; color:#2D92DA; margin:0; font-weight:bold; }
.bottom-ww .ww-title h2 a { color:#2D92DA; }
.bottom-ww .ww-title h2 a:hover { color:#666; text-decoration:none; }
.bottom-ww .ww-title .more a { color:#505050; font-size:12px; }
.bottom-ww .ww-title .more a:hover { color:#ff3333; text-decoration:underline; }
.bottom-ww .ww-list { padding:4px 6px; margin:0; list-style:none; }
.bottom-ww .ww-item { display:flex; gap:8px; padding:6px 4px; border-bottom:1px dashed #ddd; }
.bottom-ww .ww-item:last-child { border-bottom:none; }
.bottom-ww .ww-thumb { flex:0 0 80px; width:80px; height:60px; overflow:hidden; display:block; }
.bottom-ww .ww-thumb img { width:100%; height:100%; object-fit:cover; display:block; border:none; }
.bottom-ww .ww-info {
    flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:flex-start;
}
.bottom-ww .ww-info h3 {
    margin:0 0 2px; font-size:14px; line-height:1.4; font-weight:500; overflow:hidden;
}
.bottom-ww .ww-info h3 a {
    color:#333; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; text-decoration:none;
}
.bottom-ww .ww-info h3 a:hover { color:#ba2636; text-decoration:underline; }
.bottom-ww .ww-meta {
    font-size:12px; color:#888; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ===== 友情链接 ===== */
.f_link {
    max-width:960px; background-color:#f7f7f7; border:1px solid #dfdfdf; font-size:12px;
    line-height:22px; padding:10px 20px; overflow:hidden; display:flex; flex-wrap:wrap; gap:6px 0;
}
.f_link .f_title { font-size:12px; font-weight:bold; color:#666; flex:0 0 80px; padding-top:4px; }
.f_link .f_list { flex:1 1 auto; display:flex; flex-wrap:wrap; gap:4px 12px; }
.f_link .f_list li { flex:0 0 auto; list-style:none; white-space:nowrap; }
.f_link .f_list li a { color:#444; }
.f_link .f_list li a:hover { color:#ba2636; text-decoration:underline; }

/* ===== 页脚 ===== */
.footer {
    max-width:960px; padding:12px 0; background-color:#f7f7f7; color:#999; text-align:center;
    line-height:32px; font-size:12px; border-top:1px solid #a2cdee; overflow:hidden;
}
.footer a { color:#999; }
.footer a:hover { color:#ba2636; text-decoration:underline; }
.footer .ba { display:flex; flex-wrap:wrap; justify-content:center; gap:6px 16px; }
#btn_top {
    opacity:0.7; background:#888 url(/img/to_top.png) center 50% no-repeat; background-size:20px 20px;
    border-radius:6px; position:fixed; left:50%; bottom:60px; margin-left:485px;
    border:1px solid #555; width:42px; height:42px; display:none; z-index:100001; cursor:pointer; transition:opacity .2s;
}
#btn_top:hover { opacity:1; }

/* ============================================================
   手机端样式 (max-width: 820px)
   ============================================================ */
@media (max-width: 820px) {
    .container { padding:0; max-width:100%; }

    /* 头部 */
    .header {
        position:fixed; top:0; left:0; right:0; height:50px; background:#2D92DA;
        padding:0 10px; z-index:40; max-width:100%; display:flex; align-items:center;
        justify-content:space-between; flex-wrap:nowrap;
    }
    .header .logo { flex:0 0 auto; margin-right:0; }
    .header .logo .logo-pc { display:none; }
    .header .logo .logo-mobile { display:block; width:130px; height:40px; }
    .header .banner { display:none; }
    .header .hd_nav { display:flex; margin-left:auto; gap:10px; align-items:center; }
    .header .hd_nav a { margin-right:6px; color:#fff; font-size:16px; font-weight:500; }
    .header .hd_nav a:hover { color:#fff; text-decoration:none; opacity:.85; }
    .header .sitemap { display:block; margin-left:8px; }
    .header .sitemap .sitemap-icon { color:#fff; font-size:26px; line-height:50px; }
    .header .sitemap .sitemap-icon:hover { color:#eee; }

    /* 导航 */
    .nav { margin-top:50px; padding:0; background:#f3f3f3; border-left:1px solid #cfc4b6; border-top:1px solid #cfc4b6; }
    .nav ul { display:flex; flex-wrap:wrap; background:#f3f3f3; justify-content:flex-start; }
    .nav ul li { flex:0 0 24.62%; border-right:1px solid #ede2cb; border-bottom:1px solid #ede2cb; text-align:center; line-height:32px; }
    .nav ul li a {
        font-size:16px; color:#232323; font-weight:500; line-height:32px; padding:0 4px;
        background:transparent; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    }
    .nav ul li a:hover, .nav ul li a:active { background-color:#eee; color:#232323; }

    /* 主体单列 */
    .main-wrap { flex-direction:column; padding:0; }
    .main-left { flex:1 1 100%; width:100%; padding-right:0; order:1; }
    .main-right { display:none !important; }   /* 右栏在手机端整体隐藏 */

    .main-left .inner { flex-direction:column; }
    .main-left .left-sidebar { display:none; }
    .main-left .center-content {
        background:#fff; border:1px solid #cfc4b6; border-radius:4px;
        margin:6px 4px 0 4px; padding:0 0 6px 0; flex:1 1 auto;
    }
    .center-content .title { display:none; }
    .center-content .explain { display:none; }
    .center-content .title_sm {
        padding:0 12px; height:auto; line-height:40px; border-bottom:1px solid #ffe3ed;
        font-size:16px; font-weight:400; color:#333; background:#fafafa; flex-wrap:wrap; gap:2px 0;
    }
    .center-content .title_sm span { font-size:13px; }
    .inform { padding:8px 12px; font-size:15px; }
    .inform .form-row { gap:4px 8px; flex-wrap:wrap; }
    .inform .form-row select { height:30px; font-size:15px; max-width:100%; }
    .inform .form-row .ipt { height:30px; font-size:15px; max-width:120px; }
    .inform .zbbtn {
        height:38px; background:#2D92DA; border:1px solid #000099;
        padding:0 30px; font-size:16px; width:92%; max-width:280px;
    }

    /* 四个区块 */
    .four-blocks { display:flex; flex-wrap:wrap; gap:0; width:100%; padding:0 2px; margin-top:6px; }
    .four-blocks .listbox {
        flex:1 1 100%; min-width:0; margin:4px 0; border:1px solid #cfc4b6;
        border-radius:6px; background:#fff; overflow:hidden;
    }
    .four-blocks .listbox .title {
        height:35px; border-bottom:1px solid #ffe3ed; padding:0 12px;
        display:flex; justify-content:space-between; align-items:center; background:#f2f2f2;
    }
    .four-blocks .listbox .title h2 { font-size:15px; color:#555; margin:0; font-weight:bold; }
    .four-blocks .listbox .title h2 a { color:#555; }
    .four-blocks .listbox .title .more a { color:#ff7209; font-size:13px; }
    .four-blocks .listbox .list { padding:4px 6px 10px 6px; }
    .four-blocks .listbox .list .ml li {
        line-height:28px; padding-left:14px; background:url(/img/arrow.gif) left 12px no-repeat;
        border-bottom:1px solid #f2f2f2; margin-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    }
    .four-blocks .listbox .list .ml li a { display:block; color:#585858; }
    .four-blocks .listbox .list .ml li a:active { background-color:#f2f2f2; }

    /* 手机专用模块 */
    .mobile-modules { display:block; padding:0 2px; margin-top:6px; }
    .mobile-modules .listbox {
        margin:8px 2px; border:1px solid #cfc4b6; border-radius:6px;
        background:#fff; overflow:hidden;
    }
    .mobile-modules .listbox .title {
        height:35px; border-bottom:1px solid #ffe3ed; padding:0 12px;
        display:flex; justify-content:space-between; align-items:center; background:#f2f2f2;
    }
    .mobile-modules .listbox .title h2 { font-size:15px; color:#555; margin:0; font-weight:bold; }
    .mobile-modules .listbox .title h2 span { color:#df004f; }
    .mobile-modules .listbox .title h2 a { color:#555; }
    .mobile-modules .listbox .title .more a { color:#ff7209; font-size:13px; }
    .mobile-modules .listbox .list { padding:4px 6px 10px 6px; }
    .mobile-modules .listbox .list .fl { display:flex; flex-wrap:wrap; gap:6px 8px; padding:4px 6px; }
    .mobile-modules .listbox .list .fl li { flex:0 0 auto; list-style:none; }
    .mobile-modules .listbox .list .fl li a {
        background-color:#f5efe2; margin:2px 8px; padding:4px 14px; border:1px solid #cfc4b6;
        border-radius:4px; color:#1d1812; display:inline-block; font-size:14px;
    }
    .mobile-modules .listbox .list .fl li a:hover { background-color:#e8ddd0; text-decoration:none; }
    .mobile-modules .listbox .list .ml li {
        line-height:28px; padding-left:14px; background:url(/img/arrow.gif) left 12px no-repeat;
        border-bottom:1px solid #f2f2f2; margin-left:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    }
    .mobile-modules .listbox .list .ml li a { display:block; color:#585858; }
    .mobile-modules .listbox .list .ml li a:active { background-color:#f2f2f2; }
    .mobile-modules .listbox .p10 { padding:10px; }
    .mobile-modules .listbox .button {
        display:block; width:92%; margin:10px auto 16px auto; height:38px; line-height:38px;
        text-align:center; font-size:16px; color:#fff; background:#2D92DA;
        border:0; border-radius:6px; cursor:pointer; -webkit-appearance:none;
    }
    .mobile-modules .listbox .button.bgcolor2 { background:#f8af36; }
    .mobile-modules .listbox .button.bgcolor2:hover { background:#e0991e; }
    .mobile-modules .listbox .sbutton {
        display:block; width:92%; margin:10px auto 16px auto; padding:6px 16px;
        border-radius:4px; border:0; background:#FF689B; color:#fff; font-size:16px;
        cursor:pointer; -webkit-appearance:none;
    }
    .mobile-modules .listbox .sbutton:hover { background:#e84d82; }
    .mobile-modules .listbox .inform { background:#fff; padding:12px 8px; margin:0; }
    .mobile-modules .listbox .inform form { display:flex; flex-direction:column; gap:6px; align-items:center; }
    .mobile-modules .listbox .inform p { font-size:16px; }
    .mobile-modules .listbox .inform form p { margin:2px 0; }
    .mobile-modules .listbox .inform .ipt {
        border:1px solid #d0ad9a; background:#fff; padding:2px 6px;
        font-size:15px; line-height:26px; height:30px; border-radius:2px;
    }
    .mobile-modules .listbox .inform select {
        height:30px; padding:0 4px; font-size:13px; border:1px solid #d0ad9a;
        border-radius:2px; background:#fff;
    }

    /* 底部名典问问：手机单栏 */
    .bottom-ww {
        display:flex; flex-direction:column; gap:6px; margin:6px 2px 0; padding:0;
    }
    .bottom-ww .ww-panel { width:100%; flex:0 0 auto; border-radius:4px; }
    .bottom-ww .ww-title {
        height:35px; border-bottom:1px solid #ffe3ed; padding:0 12px; background:#f2f2f2;
    }
    .bottom-ww .ww-title h2 { font-size:15px; color:#555; }
    .bottom-ww .ww-title h2 a { color:#555; }
    .bottom-ww .ww-title .more a { color:#ff7209; font-size:13px; }
    .bottom-ww .ww-list { padding:4px 6px 10px 6px; }
    .bottom-ww .ww-item { padding:8px 4px; gap:10px; }
    .bottom-ww .ww-thumb { flex:0 0 70px; width:70px; height:52px; }
    .bottom-ww .ww-info h3 { font-size:14px; }
    .bottom-ww .ww-meta { font-size:12px; }

    /* 友情链接手机 */
    .f_link { flex-direction:column; padding:8px 12px; margin:0px 2px; border-radius:2px; }
    .f_link .f_title { flex:1 1 auto; padding-bottom:4px; }
    .f_link .f_list { gap:4px 10px; }
    .f_link .f_list li { flex:0 0 auto; }

    /* 页脚 */
    .footer {
        padding:10px 12px; line-height:28px; font-size:12px; margin:0px 2px; border-top:1px solid #e1dad2;
    }
    .footer .ba { flex-direction:column; gap:2px; }
    #btn_top {
        left:auto; right:8px; bottom:40px; margin-left:0; width:38px; height:38px;
        border-radius:50%; background-size:18px 18px;
    }
}

/* ===== 小屏手机优化 ===== */
@media (max-width:480px) {
    .nav ul { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid #cfc4b6; border-top:1px solid #cfc4b6; }
    .nav ul li { text-align:center; border-right:1px solid #cfc4b6; border-bottom:1px solid #cfc4b6; line-height:32px; background:#f3f3f3; }
    .nav ul li a { display:block; font-size:16px; color:#232323; font-weight:500; }
    .nav ul li a:hover { background:#eee; text-decoration:none; }
    .header .hd_nav a { font-size:18px; margin-right:6px; }
    .header .sitemap .sitemap-icon { margin-left:4px; font-size:30px; }
    .inform .form-row {
        display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
        gap:6px 10px; flex-direction:row;
    }
    .inform .form-row label { font-size:15px; white-space:nowrap; }
    .inform .form-row .ipt, .inform .form-row select { max-width:130px; width:auto; flex-shrink:0; }
    .inform .zbbtn { max-width:100%; }
    .center-content .title_sm { flex-direction:column; align-items:flex-start; gap:2px; }
    .center-content .title_sm h2 { font-size:16px; }
    .center-content .title_sm span { display:none; font-size:11px; }
    .mobile-modules .listbox .list .fl li a { font-size:14px; }
    .mobile-modules .listbox .inform form p { font-size:15px; }
    .f_link .f_list li { font-size:11px; }
    .four-blocks .listbox .list .ml li { font-size:14px; line-height:28px; padding:5px 0 5px 18px; background-position:0 13px; }
}

/* ===== 中等屏幕（平板）优化 ===== */
@media (min-width:769px) and (max-width:1024px) {
    .main-left .left-sidebar { flex:0 0 130px; max-width:130px; }
    .main-right { flex:0 0 220px; max-width:220px; margin-left:6px; }
    .nav ul li a { font-size:13px; padding:0 4px; }
    .nav ul li { flex:0 0 auto; }
}

/* ===== PC 大屏 ===== */
@media (min-width:821px) {
    .nav ul li { flex:0 0 auto; }
    .nav ul li a { padding:0 8px; font-size:15px; }
    .header .sitemap { display:none !important; }
    .mobile-modules { display:none !important; }
    .main-right { display:flex !important; flex:0 0 250px; max-width:250px; margin-left:8px; margin-top:5px; }
    .main-right .right-sidebar-top { display:block; }
}

/* ===== 导航项自适应 ===== */
.nav ul li { flex:0 0 auto; }
@media (min-width:821px) and (max-width:960px) { .nav ul li a { font-size:13px; padding:0 4px; } }
@media (min-width:821px) and (max-width:900px) { .nav ul li a { font-size:12px; padding:0 3px; } }