.byz-page-container {
    width: 1200px;
    margin: 20px auto;
    display: flex;
    gap: 20px;
}
/* 左侧菜单 */

.byz-page-sidebar {
    width: 240px;
    flex-shrink: 0;
}
.byz-page-menu {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.byz-page-menu ul {
    list-style: none;
}
.byz-page-menu li {
    border-bottom: 1px solid #f1f1f1;
}
.byz-page-menu li:last-child {
    border-bottom: none;
}
.byz-page-menu a {
    display: block;
    padding: 16px 22px;
    text-decoration: none;
    color: #333;
    transition: .2s;
}
.byz-page-menu a:hover {
    background: #f6fbf7;
    color: #2ea44f;
}
.byz-page-menu .active a {
    background: #00bd74;
    color: #fff;
    font-weight: bold;
}
/* 右侧内容 */

.byz-page-main {
    flex: 1;
    background: #fff;
    border-radius: 2px;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.byz-page-main h1 {
    font-size: 34px;
    margin-bottom: 25px;
}
.byz-page-main h2 {
    font-size: 24px;
    margin-top: 35px;
    margin-bottom: 15px;
}
.byz-page-main p {
    line-height: 2;
    color: #555;
    margin-bottom: 18px;
}
.byz-page-main ul {
    padding-left: 20px;
}
.byz-page-main li {
    margin-bottom: 12px;
    line-height: 1.8;
}
.byz-page-highlight {
    background: #f8fafc;
    border-left: 3px solid #2ea44f;
    padding: 20px;
    margin: 25px 0;
    border-radius: 2px;
}

@media(max-width:768px) {
.byz-page-container {
    width: 95%;
    flex-direction: column;
}
.byz-page-sidebar {
    width: 100%;
}
.byz-page-main {
    padding: 25px;
}
}