/* 头部导航 */
:root{--topbar-h:56px;}
/* 顶部全宽 + 吸顶 + 背景 & 阴影 */
 .site-topbar-wrap{position:fixed;top:0;inset-inline:0;z-index:1030;/* 浅色背景：比纯白更柔和，带一点点透明和毛玻璃 */
 background:rgba(248,250,253,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.05);/* 常态就有一层细阴影，增强与主体分界 */
 box-shadow:0 2px 10px rgba(0,0,0,.05);transition:box-shadow .2s ease,transform .2s ease,padding .2s ease,background .2s ease;
height:55px;}
/* 向下滚动时，加深阴影，形成视觉层级 */
 .site-topbar-wrap.scrolled{box-shadow:0 6px 22px rgba(0,0,0,.10);background:rgba(246,249,253,.96);}
.site-topbar{padding:.4rem .75rem;}
.site-topbar.compact{padding:.2rem .75rem;}
.brand-ico{width:30px;height:30px;border-radius:6px;object-fit:cover;box-shadow:0 1px 4px rgba(0,0,0,.08);}
.brand-name{font-weight:600;font-size:1.1rem;letter-spacing:.2px;}
/* 中部导航：绝对居中（PC 显示） */
 .main-nav{position:absolute;left:50%!important;transform:translateX(-50%)!important;}
.nav-pill{padding:.35rem .7rem;border-radius:10px;font-size:.92rem;}
.nav-pill.active,.nav-pill:hover{background:#f0f3ff;color:#3b5bdb;}
/* 汉堡动画 */
 .burger{width:24px;height:18px;position:relative;cursor:pointer;}
.burger span{position:absolute;left:0;width:100%;height:2px;background:#2b2f33;border-radius:2px;transition:transform .25s ease,top .25s ease,opacity .2s ease;}
.burger span:nth-child(1){top:0;}
.burger span:nth-child(2){top:8px;}
.burger span:nth-child(3){top:16px;}
.burger.active span:nth-child(1){top:8px;transform:rotate(45deg);}
.burger.active span:nth-child(2){opacity:0;}
.burger.active span:nth-child(3){top:8px;transform:rotate(-45deg);}
/* 右侧下拉按钮（带箭头） */
 .top-dd .btn{--bs-btn-padding-y:.35rem;--bs-btn-padding-x:.6rem;--bs-btn-font-size:.92rem;border-radius:10px;background:#f8f9fb;border:1px solid rgba(0,0,0,.06);}
.top-dd .btn:hover{background:#f1f3f5;}
.caret-ico{transition:transform .15s ease;}
.btn[aria-expanded="true"] .caret-ico{transform:rotate(180deg);}
/* 展开后向上 */
 @media (max-width:767.98px){.main-nav{display:none;}
}
/* 主体避让 fixed 顶部 */
 body{padding-top:calc(var(--topbar-h) + 12px);}
@media (min-width:768px){body{padding-top:calc(var(--topbar-h) + 16px);}
}
/* Offcanvas */
 .offcanvas-nav .list-group-item{border:0;padding:.75rem 0;font-size:1rem;}
.offcanvas-nav .list-group-item .bi{margin-right:.5rem;opacity:.75;}
/* END */
:root{--dvg-radius:6px;--dvg-border:#e5e7eb;/* 浅灰边框 */
 --dvg-text:#374151;/* 主体深灰文字 */
 --dvg-text-light:#6b7280;/* 次要文字 */
 --dvg-primary:#6366f1;/* 清新蓝紫 */
}
/* 卡片、按钮、输入框，统一小圆角 + 轻阴影 */
.card,.btn,.form-control,.form-select,.input-group-text,.badge{border-radius:var(--dvg-radius) !important;}
/* ===== 按钮风格 ===== */
.btn{font-size:0.875rem;/* 比默认小一点 */
 padding:.35rem .75rem;/* 收紧内边距 */
 font-weight:500;border:1px solid var(--dvg-border);}
.btn-primary{background:var(--dvg-primary);border-color:var(--dvg-primary);}
.btn-outline-secondary{color:var(--dvg-text-light);border-color:var(--dvg-border);}
.btn-outline-secondary:hover{color:var(--dvg-primary);border-color:var(--dvg-primary);color:#FFF;}
/* ===== 输入框 ===== */
.form-control,.form-select{font-size:0.875rem;border:1px solid var(--dvg-border);}
.input-group-text{background:#f9fafb;color:var(--dvg-text-light);font-size:0.8rem;}
/* ===== 字体 ===== */
body{font-size:0.9rem;color:var(--dvg-text);}
h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--dvg-text);}
.small{font-size:0.8rem;}
/* ===== 卡片 ===== */
.card{border:1px solid var(--dvg-border);background:#fff;transition:box-shadow .2s ease;}
.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.04);}
/* ===== 工具条 ===== */
.dvg-toolbar{border:1px solid var(--dvg-border);border-radius:var(--dvg-radius);background:#fff;}
/* ===== 图标 ===== */
.dvg-icon{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--dvg-border);background:#f9fafb;}
/* ===== 面包屑 ===== */
.breadcrumb{--bs-breadcrumb-divider:'›';font-size:0.8rem;}
.breadcrumb-item+.breadcrumb-item::before{color:#9ca3af;}
/* ===== 分页 ===== */
.pagination .page-link{border-radius:var(--dvg-radius)!important;font-size:0.8rem;color:var(--dvg-text-light);}
.pagination .page-item.active .page-link{background:var(--dvg-primary);border-color:var(--dvg-primary);color:#FFF;}
/* ===== 表格 ===== */
.table th{color:var(--dvg-text-light);font-weight:500;}
/* ===== 列表：竖排卡片 ===== */
.dvg-list{display:flex;flex-direction:column;gap:12px;/* 卡片之间间隔 */
}
.dvg-list .card{display:flex !important;;align-items:flex-start;gap:12px;padding:12px 16px;border:1px solid var(--dvg-border);border-radius:var(--dvg-radius);background:#fff;transition:all .2s ease;}
.dvg-list .card:hover{box-shadow:0 3px 10px rgba(0,0,0,.04);transform:translateY(-2px);}
.dvg-list .dvg-icon{width:56px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0;}
.dvg-list .content{flex-grow:1;min-width:0;/* 防止文字溢出 */
}
.dvg-list .content .id{font-size:0.75rem;color:var(--dvg-text-light);margin-bottom:2px;}
.dvg-list .content .name{font-size:0.95rem;font-weight:600;color:var(--dvg-text);line-height:1.4;word-break:break-word;/* 长任务名自动换行 */
}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:0}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#333333;background-color:#ffffff;border:1px solid #333333;margin:0px 2px;border-radius:6px;margin-bottom:5px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:3;color:#333333;background-color:#eeeeee;border-color:#333333}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#ffffff;background-color:#333333;border-color:#333333;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777777;background-color:#ffffff;border-color:#333333;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination > li > span.laypage-curr{background-color:var(--dvg-primary) !important;color:#FFF !important;}
.pagination > li > a,.pagination > li > span{border:1px solid var(--dvg-primary) !important;color:#333333 !important;}
/*  */
.atk-copyright { display: none !important; }