/* 左侧侧边栏 - 保持深色主题 */
.side-nav {
    background: #055c90;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    overflow: hidden;
    height: fit-content;
    color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 10;}
.side-nav-head {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: default;}
.side-nav-head::before {
    content: "";
    width: 4px;
    height: 22px;
    background: #018fdb;
    border-radius: 2px;}

.side-nav ul {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    font-size: 18px;}
.side-nav > ul > li > a {
    display: block;
    padding: 0.75em 1.25em;
    transition: all 0.2s;
    border-left: 4px solid transparent;
    position: relative;
    color: rgba(255, 255, 255, .85);}
.side-nav > ul > li > a:hover {
    background: rgba(255, 255, 255, .2);
    color: #fff;
    padding-left: 1.6em;}
.side-nav > ul > li > a.active {
    background: #018fdb;
    color: #fff;
    border-left-color: #fff;
    font-weight: 600;}
.side-nav > ul > li.has-children > a::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s;
    color: rgba(255, 255, 255, .6);}
.side-nav > ul > li.has-children.open > a::after {
    transform: translateY(-50%) rotate(180deg);}

.side-nav .sub-nav {
    display: none;
    background: rgba(255,255,255, .25);
    padding: 5px 0;}
.side-nav .sub-nav.open {
    display: block;}

.side-nav .sub-nav li a {
    display: block;
    font-size: 0.9em;
    padding: 0.7em 2.5em;
    border-left: 4px solid transparent;
    transition: all 0.2s;
    color: rgba(255, 255, 255, .7);}
.side-nav .sub-nav li a:hover {
    color: #fff;
    background: rgba(255, 255, 255, .2);
    padding-left: 3em;}
.side-nav .sub-nav li a.active {
    color: #fff;
    font-weight: 600;
    background: #018fdb;
    border-left-color: #fff;}
/* 面包屑导航 */
.breadcrumb {
    font-size: 16px;
    color: #888;}

.breadcrumb a {
    color: #018fdb;
    transition: color 0.2s;}

.breadcrumb a:hover {
    color: #006bb3;
    text-decoration: underline;}

.breadcrumb i.fa-home {
    color: #018fdb;
    margin: 0 8px 0 0;}

.breadcrumb i.fa-angle-right {
    color: #ccc;
    margin: 0 8px;}