@charset "utf-8";
/* ==========================================================================
   菜鸟云 · 学籍管理系统  统一皮肤  xueji.css
   --------------------------------------------------------------------------
   作用：一套样式统管 /xueji/ 下全部页面（含 MasterPage 与独立页面）。
   原则：
     1) 只改“长相”，不动任何功能——所有原有 class / id 一律保留；
     2) 放在每个页面 <head> 的最后，靠“后出现者优先”盖住页面里的旧内联样式；
     3) 不改 /library/cnlibrary.css（那份是与云图书馆共用的，动了会连累别的系统）；
     4) 品牌主色仍是菜鸟云的暗红 #8e0909，只把配色、间距、圆角、阴影做现代化。
   上传：本文件放站点 /xueji/ 目录下，与 index.aspx 同级。
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. 设计变量
   -------------------------------------------------------------------------- */
:root {
    --brand:        #8e0909;
    --brand-dark:   #6b0606;
    --brand-light:  #b81c1c;
    --brand-soft:   #fdf4f4;
    --brand-line:   #f0d8d8;

    --ink:          #1e2430;
    --ink-2:        #4d5566;
    --ink-3:        #8b93a7;
    --line:         #e8eaef;
    --line-soft:    #f1f3f7;
    --bg:           #f2f4f7;
    --card:         #ffffff;

    --blue:         #1677d2;
    --green:        #0f9d58;
    --amber:        #d97706;

    --radius:       12px;
    --radius-sm:    8px;
    --shadow-sm:    0 1px 2px rgba(16, 24, 40, .05);
    --shadow:       0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06);
    --shadow-lg:    0 10px 40px rgba(16, 24, 40, .12);

    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
            "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   1. 基础排版
   -------------------------------------------------------------------------- */
html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0 !important;
    font-family: var(--font) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: var(--ink) !important;
    background: var(--bg) !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* 全文链接：去掉老式的“纯黑/白字 + 蓝底”与“悬停变橙底”
   （详情页里有 `* a{color:white;background:#0094ff}` 这类写法，必须清掉底色） */
* a {
    color: var(--ink) !important;
    text-decoration: none !important;
    background-color: transparent !important;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease;
}
* a:hover {
    color: var(--brand) !important;
    background-color: transparent !important;
}

* ul { list-style: none; padding: 0; margin: 0; }
* p  { margin: 0; }

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font);
    color: var(--ink);
    font-weight: 700;
    letter-spacing: .2px;
}

img { max-width: 100%; }

::selection { background: rgba(142, 9, 9, .14); }

/* 滚动条（webkit） */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
    background: #c9ced9;
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: #aab1c0; background-clip: content-box; }
::-webkit-scrollbar-track { background: transparent; }

/* --------------------------------------------------------------------------
   2. 顶部品牌条   (原：<div class="container-fluid" style="background:#8e0909;">)
   -------------------------------------------------------------------------- */
.x-topbar {
    background: linear-gradient(90deg, var(--brand-dark) 0%, var(--brand) 55%, #a01010 100%) !important;
    color: #fff;
    padding: 0 !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}
.x-topbar .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 38px;
    font-size: 13px !important;
    line-height: 38px !important;
    color: rgba(255, 255, 255, .82) !important;
}
.x-topbar a,
.x-topbar a span,
.x-topbar span { color: rgba(255, 255, 255, .88) !important; }
.x-topbar a:hover,
.x-topbar a:hover span { color: #fff !important; }

/* 顶部条里的登录/注册按钮：幽灵按钮风格 */
.x-topbar button {
    background: rgba(255, 255, 255, .14) !important;
    border: 1px solid rgba(255, 255, 255, .38) !important;
    color: #fff !important;
    border-radius: 999px !important;
    width: auto !important;
    height: 26px;
    line-height: 24px;
    padding: 0 14px !important;
    font-size: 13px;
    margin-left: 8px;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease;
}
.x-topbar button:hover {
    background: rgba(255, 255, 255, .26) !important;
    border-color: #fff !important;
}

/* --------------------------------------------------------------------------
   3. 头部（Logo + 站名 + 搜索）  (原：background:#fbf9f9)
   -------------------------------------------------------------------------- */
.x-head {
    background: var(--card) !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--line);
    box-shadow: var(--shadow-sm);
}
.x-head .container { padding-top: 10px; padding-bottom: 10px; }

/* 第二处浅色块只装“移动端快捷菜单”，桌面端不必占地方留白条 */
.x-head-mobile {
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Logo 与“学籍系统”字样
   ★ 必须收在 .col-lg-3 里：浅色头部块有两处，第二处（x-head-mobile）里
     还装着首页轮播图，若写 .x-head img 会把轮播图一起压成 Logo 的高度 */
.x-head .col-lg-3 { display: flex; align-items: center; }
.x-head .col-lg-3 > p {
    display: flex;
    align-items: center;
    gap: 14px;
    line-height: 1.1 !important;
    margin: 0;
}
.x-head .col-lg-3 img {
    width: auto !important;
    height: 58px !important;
    max-width: none !important;
    display: inline-block;
    object-fit: contain;
}
.x-head .col-lg-3 span {
    font-size: 26px !important;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--brand) !important;
    padding: 0 !important;
    position: relative;
}
.x-head .col-lg-3 span::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--brand), rgba(142, 9, 9, 0));
}

/* 搜索框：老式“方框 + 右侧拼接按钮” → 一体式胶囊 */
.ssbott {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}
.ss {
    width: auto !important;
    flex: 1 1 auto;
    max-width: 560px;
    height: 42px !important;
    line-height: 42px;
    padding: 0 16px !important;
    margin: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 999px !important;
    background: #fafbfc !important;
    font-size: 14px;
    color: var(--ink);
    vertical-align: middle;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.ss::placeholder { color: var(--ink-3); }
.ss:focus {
    outline: none;
    background: #fff !important;
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 3px rgba(142, 9, 9, .10);
}
.bott {
    width: auto !important;
    height: 42px !important;
    line-height: 40px;
    padding: 0 22px !important;
    margin: 0 !important;
    background: var(--brand) !important;
    border: 1px solid var(--brand) !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.bott:hover {
    background: var(--brand-light) !important;
    border-color: var(--brand-light) !important;
    box-shadow: 0 6px 16px rgba(142, 9, 9, .22);
}

/* --------------------------------------------------------------------------
   4. 主导航  .navlist
   -------------------------------------------------------------------------- */
.navlist {
    margin: 0 !important;
    background: var(--card);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 1px 0 rgba(16, 24, 40, .03);
}
.navlist > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 6px 0 !important;
}
.navlist ul li {
    width: auto !important;
    min-width: 0;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    border-radius: var(--radius-sm) !important;
    overflow: visible !important;
    transition: background-color .16s ease;
}
.navlist ul li > a {
    display: block;
    padding: 10px 15px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--ink-2) !important;
    border-radius: var(--radius-sm);
    white-space: nowrap;
}
.navlist ul li > a span { color: inherit !important; }
.navlist ul li:hover { background: var(--brand-soft) !important; }
.navlist ul li:hover > a,
.navlist ul li:hover > a span { color: var(--brand) !important; }
/* 当前栏目（页面里用 <span style="color:#8e0909"> 标出的那项） */
.navlist ul li > a > span[style*="color:#8e0909"],
.navlist ul li > a > span[style*="color: #8e0909"] {
    color: var(--brand) !important;
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   5. 移动端快捷图标菜单  .pcyc.caidan
   -------------------------------------------------------------------------- */
.pcyc.caidan { background: transparent; }
.pcyc.caidan > ul,
.pcyc ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
}
.pcyc ul li {
    padding: 0 !important;
    margin: 0;
}
.pcyc ul li > a {
    display: block;
    padding: 10px 6px 12px;
    border-radius: var(--radius);
}
.pcyc ul li > a:hover { background: var(--brand-soft); }
.caidan img,
.pcyc .rounded-circle {
    width: 46px !important;
    height: 46px !important;
    margin: 4px auto 6px !important;
    border-radius: 14px !important;
    background: var(--brand-soft);
    padding: 6px;
    box-shadow: var(--shadow-sm);
}
.pcyc ul li p { font-size: 13px; color: var(--ink-2); line-height: 1.4; }

/* --------------------------------------------------------------------------
   6. 主体布局
   -------------------------------------------------------------------------- */
.oushu { background: transparent !important; }

/* 搜索命中学生的结果条 */
.ssjg ul,
.dushudazi { box-sizing: border-box; }

/* --------------------------------------------------------------------------
   7. 左侧折叠菜单  .left_c / .one / .kid
   -------------------------------------------------------------------------- */
.tsfl { text-align: left !important; }

.left_c {
    background: var(--card) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    margin-bottom: 16px;
}
.left_c > h1 {
    font-size: 15px !important;
    font-weight: 700;
    margin: 0 !important;
    padding: 13px 16px;
    color: #fff !important;
    background: linear-gradient(90deg, var(--brand-dark), var(--brand));
    letter-spacing: 1px;
}
.left_c ul { display: none; }           /* 默认收起，由页面上的 jQuery 展开 */

/* 一级菜单 */
.left_c a.one {
    display: block !important;
    text-indent: 0 !important;
    font-weight: 600 !important;
    font-size: 14px;
    color: var(--ink-2) !important;
    padding: 11px 16px 11px 30px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line-soft) !important;
    background: var(--card) !important;
    position: relative;
    cursor: pointer;
}
.left_c a.one::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left-color: var(--ink-3);
    transition: transform .18s ease;
}
.left_c a.one:hover,
.left_c a.one-hover {
    color: var(--brand) !important;
    background: var(--brand-soft) !important;
    border-bottom-color: var(--brand-line) !important;
    border-top: 0 !important;
}
.left_c a.one:hover::before,
.left_c a.one-hover::before {
    border-left-color: var(--brand);
    transform: translateY(-50%) rotate(90deg);
}
.left_c a.one.last { border-bottom: 1px solid var(--line-soft) !important; }

/* 二级菜单 */
.left_c .kid { background: #fbfcfd; }
.left_c .kid li {
    text-indent: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-bottom: 1px solid var(--line-soft) !important;
    line-height: 1.5;
}
.left_c .kid li:hover { background: var(--brand-soft) !important; }
.left_c .kid li > a {
    display: block;
    padding: 8px 14px 8px 30px;
    font-size: 13.5px;
    color: var(--ink-2) !important;
    transition: color .16s ease, padding-left .16s ease;
}
.left_c .kid li:hover > a {
    color: var(--brand) !important;
    padding-left: 34px;
}
.left_c .kid .tip {
    height: 0 !important;
    width: 0 !important;
    border: 3px solid transparent;
    border-left-color: var(--brand) !important;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

/* --------------------------------------------------------------------------
   8. 内容区小标题条
      (原：<div style="height:40px;border-bottom:solid 1px #8e0909;">
           <h5 style="border-left:solid 10px #8e0909;">标题</h5>)
   -------------------------------------------------------------------------- */
.x-tb {
    display: flex !important;
    align-items: center;
    height: auto !important;
    min-height: 46px;
    margin: 18px 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    background: transparent !important;
}
.x-tb > h5 { margin: 0 !important; }
.x-h5 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    border-left: 4px solid var(--brand) !important;
    padding: 2px 0 2px 12px !important;
    line-height: 1.4 !important;
}
.x-h5.x-h5-blue { border-left-color: var(--blue) !important; }

/* --------------------------------------------------------------------------
   9. 表格 —— 全系统数据主力，重点改造
      （页面与框架 eReportControl 都会输出 <table>，这里统一成“干净白底 + 细线”）
   -------------------------------------------------------------------------- */
table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--card) !important;
    margin: 12px 0 !important;
    font-size: 14px;
    table-layout: auto;
}
table tr,
table td,
table th {
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    text-align: center;
    padding: 9px 12px !important;
    vertical-align: middle;
    color: var(--ink);
    background-color: transparent;
}
table th {
    background: #f7f8fa !important;
    color: var(--ink-2) !important;
    font-weight: 600;
    font-size: 13.5px;
    white-space: nowrap;
}
table tbody tr:hover > td { background: #fcfcfd !important; }
table tbody tr:last-child > td { border-bottom: 0 !important; }

/* 框架 eReportControl 生成的报表表格 */
.eReportTable { border: 0 !important; margin: 10px 0 !important; }
.eReportTable td { border-bottom: 1px solid var(--line) !important; }
.eReportTable tr:first-child td,
.eReportTable th {
    background: #f7f8fa !important;
    font-weight: 600;
}

/* Bootstrap 的 .table 常与上面的规则叠加，这里抹平差异 */
.table { --bs-table-bg: transparent; margin-bottom: 0 !important; }
.table > :not(caption) > * > * { border-bottom-width: 1px; }

/* --------------------------------------------------------------------------
   10. 表单控件
   -------------------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="date"],
input[type="file"],
select,
textarea {
    font-family: var(--font) !important;
    font-size: 14px !important;
    color: var(--ink) !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-sm) !important;
    padding: 7px 11px !important;
    height: auto;
    min-height: 36px;
    line-height: 1.5 !important;
    vertical-align: middle;
    transition: border-color .16s ease, box-shadow .16s ease;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 3px rgba(142, 9, 9, .10) !important;
}
input::placeholder,
textarea::placeholder { color: var(--ink-3) !important; }
select {
    padding-right: 30px !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b93a7' d='M6 8.5 1.5 4h9z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    -webkit-appearance: none;
    appearance: none;
}
input[type="checkbox"],
input[type="radio"] { width: 15px; height: 15px; margin: 0 4px; vertical-align: middle; }
textarea { min-height: 96px; resize: vertical; }

/* 表单里的说明文字 */
.form-text,
.field,
.form-group { font-size: 13.5px; color: var(--ink-2); }
.field { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* --------------------------------------------------------------------------
   11. 按钮
   -------------------------------------------------------------------------- */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.botts,
.export {
    font-family: var(--font) !important;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: var(--radius-sm) !important;
    padding: 8px 18px !important;
    height: auto !important;
    min-height: 36px;
    line-height: 1.5 !important;
    cursor: pointer;
    border: 1px solid transparent !important;
    transition: background-color .16s ease, box-shadow .16s ease,
                transform .16s ease, border-color .16s ease, color .16s ease;
}
/* 主按钮 */
input[type="submit"],
input[type="button"],
.bott,
.botts,
.export,
button.bott,
button.botts {
    background: var(--brand) !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(142, 9, 9, .18);
}
input[type="submit"]:hover,
input[type="button"]:hover,
.bott:hover,
.botts:hover,
.export:hover,
button.bott:hover,
button.botts:hover {
    background: var(--brand-light) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(142, 9, 9, .22);
    transform: translateY(-1px);
}
/* 次按钮（重置等） */
input[type="reset"] {
    background: #fff !important;
    color: var(--ink-2) !important;
    border-color: #d7dbe3 !important;
}
input[type="reset"]:hover {
    color: var(--brand) !important;
    border-color: var(--brand) !important;
    background: var(--brand-soft) !important;
    transform: translateY(-1px);
}
/* 纯文本型按钮（如“查看往届在籍”如果不该是实心色，可加 .botts-lite） */
.botts-lite {
    background: #fff !important;
    color: var(--brand) !important;
    border-color: var(--brand-line) !important;
}

/* --------------------------------------------------------------------------
   12. 学生 / 条目卡片  .dushudazi  .kapian  .tjlist  .yqlist
   -------------------------------------------------------------------------- */
.dushudazi {
    width: 11.2% !important;
    padding: 6px !important;
    margin: 4px 0;
    vertical-align: top;
    border-radius: var(--radius);
    transition: background-color .16s ease;
}
.dushudazi > a { display: block; padding: 8px 4px 10px; border-radius: var(--radius); }
.dushudazi:hover { background: var(--brand-soft); }
.dushudazi img {
    width: 76px !important;
    height: 76px !important;
    object-fit: cover;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    box-shadow: 0 2px 10px rgba(16, 24, 40, .12);
    transition: transform .18s ease, box-shadow .18s ease;
}
.dushudazi img:hover,
.dushudazi:hover img {
    border: 2px solid #fff !important;
    box-shadow: 0 8px 20px rgba(142, 9, 9, .22) !important;
    transform: translateY(-2px);
}
.dushudazi p {
    height: auto !important;
    font-size: 13px;
    line-height: 1.5;
    color: var(--ink-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dushudazi p:first-of-type { color: var(--ink); font-weight: 600; }

.kapian, .tjlist, .yqlist { border-radius: var(--radius) !important; }
.kapian img:hover, .tjlist img:hover, .yqlist img:hover {
    box-shadow: 0 8px 20px rgba(16, 24, 40, .16) !important;
    border-color: var(--line) !important;
}

/* --------------------------------------------------------------------------
   13. 登录 / 注册 模态框
   -------------------------------------------------------------------------- */
.modal-content {
    border: 0 !important;
    border-radius: var(--radius) !important;
    box-shadow: var(--shadow-lg) !important;
    overflow: hidden;
}
.modal-content > div[style*="#8e0909"] {
    background: linear-gradient(90deg, var(--brand-dark), var(--brand)) !important;
    color: #fff;
    padding: 12px 16px !important;
}
.modal-content > div[style*="#8e0909"] h6 {
    color: #fff !important;
    font-size: 15px !important;
    margin: 0 !important;
}
.modal-content .btn-close { filter: invert(1) grayscale(1) brightness(2); opacity: .9; }
.modal-body { padding: 20px !important; background: #fff; }
.modal-body p { margin-bottom: 10px !important; }
.modal-body input[type="text"],
.modal-body input[type="password"] {
    width: 100% !important;
    max-width: 280px;
    height: 40px;
    margin-bottom: 0 !important;
}
.modal-body .form-group { margin-top: 4px; }
.passcode {
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-sm);
    height: 40px !important;
    cursor: pointer;
    vertical-align: middle;
    background: #fafbfc;
}

/* --------------------------------------------------------------------------
   14. 分页 / 工具条
       .x-page 是后台 .cs 里拼出来的页码链接（原写法类名被空格拆坏，已修正）
   -------------------------------------------------------------------------- */
.tjss { font-size: 13.5px; color: var(--ink-2); }

.x-page {
    display: inline-block !important;
    min-width: 36px;
    padding: 5px 11px !important;
    margin: 3px 2px !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-sm) !important;
    background: #fff !important;
    color: var(--ink-2) !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    text-align: center;
    transition: color .16s ease, border-color .16s ease, background-color .16s ease;
}
.x-page:hover {
    color: var(--brand) !important;
    border-color: var(--brand) !important;
    background: var(--brand-soft) !important;
}
.x-page > span { font-weight: 700; }

.pager, .pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; padding: 16px 0; }
.pager a, .pagination a {
    display: inline-block;
    min-width: 34px;
    padding: 5px 10px;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--ink-2) !important;
    font-size: 13.5px;
}
.pager a:hover, .pagination a:hover {
    border-color: var(--brand);
    color: var(--brand) !important;
    background: var(--brand-soft);
}
.pager .cur, .pagination .active > a {
    background: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #fff !important;
}

/* --------------------------------------------------------------------------
   15. 页脚
   -------------------------------------------------------------------------- */
footer { margin-top: 32px; }
.foot {
    background: transparent !important;
    color: var(--ink-3) !important;
    line-height: 2 !important;
    font-size: 13px;
    padding: 22px 0 30px;
    border-top: 1px solid var(--line);
}
.foot a { color: var(--ink-3) !important; }
.foot a:hover { color: var(--brand) !important; }

/* --------------------------------------------------------------------------
   16. 图片 / 轮播
   -------------------------------------------------------------------------- */
.banna {
    height: 260px !important;
    object-fit: cover;
    border-radius: var(--radius);
}
.carousel-inner { border-radius: var(--radius); overflow: hidden; }

/* 原站轮播的 .carousel-item 堆叠失效（几张图并排铺开），这里强制回到
   Bootstrap 标准行为：只显示当前这张，其余隐藏 */
.carousel-item { display: none !important; }
.carousel-item.active { display: block !important; }
.carousel-inner > .carousel-item > img { width: 100%; }

/* 指示器：上面第 11 节的全局 button 样式会把这几个小圆点撑成大方块，
   这里必须在“其后”重置回来（本节在第 11 节之后，天然生效） */
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 9px !important;
    height: 9px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 3px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff;
    opacity: .55;
    text-indent: -999px;
    cursor: pointer;
}
.carousel-indicators .active { opacity: 1; background: var(--brand); }

/* 左右切换钮：同样要把全局 button 的内边距/最小高度清掉 */
.carousel-control-prev, .carousel-control-next {
    width: 42px !important;
    height: 42px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, .18) !important;
    opacity: .9 !important;
    transition: background-color .16s ease;
}
.carousel-control-prev:hover, .carousel-control-next:hover { background: rgba(0, 0, 0, .34) !important; }

/* --------------------------------------------------------------------------
   17. 响应式
   -------------------------------------------------------------------------- */
@media (max-width: 1366px) {
    .dushudazi { width: 12% !important; }
}

@media (max-width: 991px) {
    .x-head .col-lg-3 { justify-content: center; margin-bottom: 6px; }
    .x-head .col-lg-3 > p { justify-content: center; }
    .ssbott { justify-content: center; }
    .navlist > ul { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }
    .navlist > ul::-webkit-scrollbar { height: 0; }
    .left_c { margin-top: 12px; }
}

@media (max-width: 767px) {
    body { font-size: 14.5px; }
    .yc { display: none !important; }
    .pcyc { display: block !important; }
    .x-head-mobile { background: var(--card) !important; border-bottom: 1px solid var(--line) !important; }
    .x-head .col-lg-3 > p { flex-wrap: wrap; }
    .x-head .col-lg-3 img { height: 46px !important; }
    .x-head .col-lg-3 span { font-size: 21px !important; }
    .x-head .col-lg-3 span::after { display: none; }
    .ss { height: 38px !important; max-width: none; font-size: 13px; }
    .bott { height: 38px !important; line-height: 36px; padding: 0 16px !important; font-size: 13px; }
    .dushudazi { width: 31% !important; }
    table { font-size: 13px; }
    table tr, table td, table th { padding: 7px 8px !important; }
    .x-tb { min-height: 40px; margin: 14px 0 10px !important; }
    .x-h5 { font-size: 15.5px !important; }
    .banna { height: 150px !important; }
}

/* --------------------------------------------------------------------------
   18. 打印
   -------------------------------------------------------------------------- */
@media print {
    .x-topbar, .x-head, .navlist, .pcyc, .left_c, footer { display: none !important; }
    body { background: #fff !important; }
    table { box-shadow: none; }
}