/* 强制占位图样式 - 最高优先级 */
img[src=""], img:not([src]), img[src^="data:"]:not([src*="base64"]) {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='150' viewBox='0 0 200 150'%3E%3Crect width='200' height='150' fill='%23f5f5f5' stroke='%23e0e0e0' stroke-width='2' rx='8'/%3E%3Cg transform='translate(100, 75)' fill='%23c0c0c0'%3E%3Cpath d='M-30,-10 L-20,-20 L-10,-10 L0,-25 L10,-15 L20,-20 L30,-10 L30,25 L-30,25 Z' fill='%23d0d0d0'/%3E%3Ccircle cx='-15' cy='-15' r='6' fill='%23e0e0e0'/%3E%3Crect x='-20' y='5' width='40' height='20' rx='4' fill='none' stroke='%23c0c0c0' stroke-width='2'/%3E%3Ccircle cx='0' cy='15' r='6' fill='none' stroke='%23c0c0c0' stroke-width='2'/%3E%3Ccircle cx='0' cy='15' r='3' fill='%23c0c0c0'/%3E%3Crect x='-18' y='7' width='8' height='3' rx='1' fill='%23c0c0c0'/%3E%3C/g%3E%3Ctext x='100' y='130' text-anchor='middle' font-family='Arial, sans-serif' font-size='12' fill='%23999'%3EImage not available%3C/text%3E%3C/svg%3E") !important;
    display: block !important;
    margin: 1em auto !important;
    border: 2px dashed #dee2e6 !important;
    border-radius: 8px !important;
    text-align: center !important;
}

/* global template */
body {
    color: #606975;
    background-color: white;
    transition: 0.4s;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    letter-spacing: 0.03em;
    font-family: "Microsoft YaHei",Helvetica,"Meiryo UI","Malgun Gothic","Segoe UI","Trebuchet MS",Monaco,monospace,Tahoma,STXihei,"华文细黑",STHeiti,"Helvetica Neue","Droid Sans","wenquanyi micro hei",FreeSans,Arimo,Arial,SimSun,"宋体",Heiti,"黑体",sans-serif;
}
a {
    color: #606975;
    text-decoration: none;
}
a:visited {
    color: #606975;
}
a:hover {
    border-radius: 5px;
    transition: 0.4s;
}
h1 {
    text-align: center;
    font-size: 2.2em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.5em;
}
h4 {
    font-size: 1.17em;
}
h5 {
    font-size: 1em;
}
h6 {
    font-size: 0.83em;
}

p {
    /* text-align: justify; */
    line-height: 2em;
}
blockquote {
    border-left: 4px solid #ED1922;
    margin: 0 0 1em 2px;
    padding: 1px;
    padding-left: 1em;
    background-color: #f1f1f1;
    border-radius: 0 5px 5px 0;
    transition: 0.4s;
}
blockquote.spoiler {
    border-left: 5px solid #FF9800;
    background-color: #ffd65b;
}
*::-webkit-scrollbar {
    width : 0.8rem;
    height: 0.8rem;
    min-width: 0.8rem;
    min-height: 0.6rem;
}
#sidebar ul::-webkit-scrollbar {
    width : 0.45rem;
    height: 0.8rem;
    min-width: 0.45rem;
    min-height: 0.6rem;
}
*::-webkit-scrollbar-thumb {
    border-radius   : 0.6rem;
    background-color: #b8b8b8;
}
*::-webkit-scrollbar-track {
    background   : #ededed;
    border-radius: 10px;
}
sup a {
    font-size: 1.1em;
    background-color: #f1f1f1;
    padding: 4px;
    border-left: 1px solid #ED1922;
    border-right: 1px solid #ED1922;
}
dl > dt {
    font-weight: bold;
}
tr {
    background-color: #f1f1f1;
    border-top: 1px solid #ccc;
}
td, th {
    padding: 8px 15px;
    transition: 0.4s;
    text-align: left;
    vertical-align: middle;
}
/* Top-level table headers: keep the prominent red style only for main tables inside content */
#content_body > table th,
#content_body table > thead > tr > th,
#content_body table > tbody > tr > th {
    font-weight: 700;
    color: white;
    filter: brightness(110%);
    background-color: #ED1922;
}
td {
    background-color: #fbfbfb;
    border: 2px solid #f1f1f1;
}
code {
    background-color: #f1f1f1;
    border-radius: 0.2em;
    transition: 0.4s;
    font-family: Menlo, Consolas, "DejaVu Sans Mono", Bitstream Vera Sans Mono, Courier New, monospace, Monaco, 'Andale Mono', 'Ubuntu Mono', "Microsoft YaHei";
    font-size: 85%;
    padding: 0.2em 0.4em;
    color: #ED1922;
}
pre[class*="language-"].line-numbers > code {
    background: none;
    padding: 0;
}
.btn,
#page_content .btn,
#content_body .btn {
    color: white;
    border-radius: 5px;
    padding: 1em;
    cursor: pointer;
    background: #ED1922;
    box-shadow: 1px 1px 2px 0px #ED1922;
    transition: all 0.2s ease;
}
.btn:hover,
#page_content .btn:hover,
#content_body .btn:hover {
    background: #ED1922;
    box-shadow: 1px 1px 8px 0px #ED1922;
}
.btn:visited,
#page_content .btn:visited,
#content_body .btn:visited {
    color: white;
}

/* wrapper */
.type_doc #wrapper {
    margin-top: 1.5em;
}
#wrapper {
    display: flex;
    flex-grow: 1;
}
#page_wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

/* page */
#page_content {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
}
#page_content > div {
    flex-grow: 1;
    align-self: center;
}
#page_content a {
    color: #c33a3a;
}

/* navbar */
#navbar {
    display: flex;
    justify-content: start;
    z-index: 100;
}
#navbar * {
    display: flex;
    align-items: center;
}
#navbar_menu_btn {
    display: none;
}
#navbar #navbar_items {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    padding-right: 1em;
    word-break: keep-all;
}
#navbar h2 {
    color: #ED1922;
}
#navbar a{
    margin: 5px;
    padding: 10px 15px;
    cursor: pointer;
}
#navbar a.site_title{
    padding: 0;
}
#navbar a.site_title:hover{
    background-color: transparent;
}
#navbar .site_logo {
    max-height: 60px;
}
#navbar ul {
    list-style: none;
    padding-inline-start: 10px;
}
#navbar .sub_items {
    position: relative;
    display: block;
}
#navbar .sub_items > a {
    margin: 5px;
    padding: 10px 15px;
}
#navbar .sub_items > a:hover + ul {
    visibility: visible;
}
#navbar .sub_items ul {
    display: block;
    position: absolute;
    left: 0;
    box-shadow: 0 0 9px 0px #dadada;
    border-radius: 5px;
    padding: 0;
    width: max-content;
    min-width: 100%;
    background-color: white;
    visibility: hidden;
    margin-top: -5px;
    z-index: 101;
    transition: 0.2s;
}
#navbar .sub_items ul:hover {
    visibility: visible;
}
#navbar .sub_items ul li {
    display: block;
}

#navbar .sub_items ul ul {
    left: 100%;
    top: 0;
}


/* sidebar */
#sidebar_wrapper {
    width: 300px;
}
/* sidebar splitter */
.gutter_icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);
    width: 3px;
    height: 2em;
    background-repeat: no-repeat;
    position: fixed;
    top: 50%;
}
.gutter {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: 0.2s;
    border-radius: 5px;
    display: block;
}

.gutter.gutter-horizontal {
    /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); */
    cursor: col-resize;
}

#sidebar {
    /* width: 300px;
    min-width: 200px;
    position: sticky;
    top: 0;
    overflow-x: hidden; */
    /* min-width: 200px; */
    /* position: sticky; */
    /* top: 0; */
    /* overflow-x: hidden; */
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: var(--ifm-navbar-height);
    /* width: var(--doc-sidebar-width); */
    transition: opacity 50ms;
    padding-top: 0;
    z-index: 1;
}
#sidebar ul {
    padding-inline-start: 20px;
    display: none;
}
#sidebar > ul {
    padding-inline-start: 0;
    padding: .5rem;
    display: block;
    padding-bottom: 3em;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
#sidebar ul .active_parent {
    display: block;
}
#sidebar ul .active_parent > ul{
    display: block;
}
#sidebar ul .active_parent > a{
    background-color: #f1f1f1;
    border-radius: 5px;
    transition: 0.4s;
}
#sidebar li {
    list-style: none;
    margin: 2px 0;
    position: relative;
}
#sidebar li > a {
    display: flex;
    justify-content: space-between;
    padding: 0;
    font-size: 0.9em;
}
#sidebar a:hover {
    cursor: pointer;
}
#sidebar .active > a, #navbar .active > a, #navbar .active_parent > a{
    background-color: #f1f1f1;
    border-radius: 5px;
    color: #ED1922;
    transition: 0.4s;
}
#navbar .sub_items .active > a {
    transition: 0s;
}
#sidebar .active > a {
    transition: 0.4s;
}
#sidebar li > a > .label {
    padding: 10px;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sidebar li > a:hover,
#sidebar li.active_parent > a:hover,
#navbar li > a:hover,
#navbar .sub_items > a:hover{
    border-radius: 5px;
    transition: 0.4s;
}
#sidebar .sub_indicator {
    transition: transform 0.4s linear, height 0.2s, width 0.2s;
    background: url("/doc/shortrange/static/image/theme_default/indicator.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    align-self: center;
    height: 1.25rem;
    width: 1.25rem;
    transform: rotate(90deg);
    transition: 0.2s;
    flex-shrink: 0;
}

#sidebar .sub_indicator:hover,
#sidebar li.no_link > a:hover > .sub_indicator,
#sidebar li.no_link > a.sub_indicator:hover,
#sidebar li.no_link > a.sub_indicator {
    height: 1.6em;
    width: 1.6em;
}

#sidebar .sub_indicator_collapsed {
    transform: rotate(0deg);
}
#sidebar li.sidebar_category {
    font-size: 0.9em;
    color: #9e9e9e;
    margin: 1em 0 0.1em 0;
}
#sidebar .tip {
    position: fixed;
    color: white;
    left: 300px;
    top: 18%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.19);
    border-radius: 0.2em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    width: max-content;
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
    background: #ED1922;
}
#sidebar li > a:hover+.tip, #sidebar .tip:hover {
    visibility: visible;
    opacity: 1;
}
.blog_info > span {
    margin: 0.4em;
}
.blog_tags {
    text-align: center;
    margin-top: 1em;
}
.blog_tags > span {
    border-radius: 0.2em;
    padding: 0.2em;
    margin: 0.4em;
    filter: brightness(120%);
    border: 1px solid #ED1922;
}
#blog_list > ul {
    padding-left: 0;
}
#blog_list > ul > li {
    list-style: none;
    box-shadow: 0px 0px 7px #00000033;
    margin: 2em 1em;
    padding: 2em;
    border-radius: 0.4em;
}
#blog_list > ul > li a, #blog_list > ul > li a:visited {
    padding: 0;
    color: #ED1922;
}
html[lang^=zh] #article_content #blog_list h2:before {
    content: "";
}
#blog_list .blog_tags {
    text-align: left;
}
#blog_list .blog_info {
    color: #ababab;
}
#blog_list .blog_brief {
    color: #828282;
}
.blog_cover {
    text-align: center;
    margin-top: 1em;
}
.blog_cover > img {
    width: 100%;
}
#menu_wrapper {
    width: 2%;
}
#menu {
    background: url("/doc/shortrange/static/image/theme_default/menu.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    min-height: 2rem;
    min-width: 2rem;
    transition: 0.2s;
    cursor: pointer;
    position: sticky;
    top: 1em;
    z-index: 99;
    margin-left: 0.2em;
}

/* article */
#article {
    display: flex;
    width: 98%;
    margin: auto;
    justify-content: space-evenly;
}
#toc_wrapper {
    width: 25%;
}
#article #toc {
    background-color: white;
    position: sticky;
    transition: 0.4s;
    top: 15%;
    max-height: calc(100vh - 15vh);
    overflow-y: auto;
}
#article #toc a{
    padding: 0.2em 0.0em;
    display: block;
    font-size: 0.9em;
}
#article #toc ul, #article #toc ol {
    list-style: none;
    padding-left: 1.5em;
}
#article #toc > div > ul, #article #toc > div > ol {
    padding-left: 1em;
}

/* TOC numbering system */
#toc {
    counter-reset: toc_l1;
}
#toc #toc_content {
    counter-reset: toc_l2;
}
#toc a.node-name--H1 {
    counter-reset: toc_l2;
}
#toc a.node-name--H2 {
    counter-reset: toc_l3;
}
#toc a.node-name--H1:before {
    counter-increment: toc_l1;
}
#toc a.node-name--H2:before {
    counter-increment: toc_l2;
    content: counter(toc_l2, decimal) ".\00a0";
}
#toc a.node-name--H3:before {
    counter-increment: toc_l3;
    content: counter(toc_l2, decimal) "." counter(toc_l3, decimal) ".\00a0";
}

/* Chinese TOC numbering */
html[lang^=zh] #toc a.node-name--H2:before {
    counter-increment: toc_l2;
    content: counter(toc_l2, simp-chinese-informal) "、";
}

/* Disable TOC numbering when heading_no_counter class is applied */
.heading_no_counter #toc a.node-name--H2:before,
.heading_no_counter #toc a.node-name--H3:before,
html[lang^=zh].heading_no_counter #toc a.node-name--H2:before {
    content: "";
}


/* article content */
#content_wrapper {
    flex-grow: 1;
    justify-content: space-between;
    flex-direction: column;
    display: flex;
    width: 65%;
}
#content_body {
    max-width: 100em;
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 2em;
    margin: auto;
}
#content_body h1 {
    line-height: initial;
}
#content_body a, #content_body a:visited {
    color: #c33a3a;
    padding: 0.2em;
}
#content_body a:hover {
    background-color: #fde1e1;
    padding: 0.2em;
    border-radius: 0.2em;
}
#content_body img {
    max-width: 100%;
    object-fit: contain;
    cursor: zoom-in;
    display: block;
    margin: 1em auto;
}
#content_body video {
    max-width: 100%;
}

/* article content titles */
#article_content {
    min-height: 50vh;
    word-break: break-word;
}
#article_content h1,
#article_content h2 {
    line-height: 1.3em;
}

#article_head {
    margin-bottom: 2em;
}
#article_tags ul {
    list-style: none;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    padding: 0
}
#article_tags ul li{
    margin: 5px;
    padding: 8px;
    border-radius: 5px;
    color: #ffffffcc;
    font-size: 0.9em;
    background-color: #ED1922;
}
#article_info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
#article_info > div {
    align-self: center;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#article_info > div > div {
    margin: 2px;
}
#article_info #print_page {
    height: 1em;
    width: 1em;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/doc/shortrange/static/image/theme_default/print.svg");
}
#article_info>div>span {
    padding: 0.2em;
    color: #ED1922;
}
#source_link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

/* cover prism.css */

:not(pre) > code[class*="language-"], pre[class*="language-"] {
    background: #2d2d2d;
    border-radius: 5px;
}
div.code-toolbar > .toolbar a, div.code-toolbar > .toolbar button, div.code-toolbar > .toolbar span {
    color: #fff;
    font-size: .8em;
    padding: 1em;
    background: #f5f2f0;
    background: rgba(224, 224, 224, 0.2);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    border-radius: .5em;
    cursor: pointer;
}
div.code-toolbar > .toolbar a:hover, div.code-toolbar > .toolbar a:focus, div.code-toolbar > .toolbar button:hover, div.code-toolbar > .toolbar button:focus, div.code-toolbar > .toolbar span:hover, div.code-toolbar > .toolbar span:focus {
    color: #a9ffe0;
    text-decoration: none;
}

/* back to top button */
/* #to_top_wrapper {
} */
#to_top {
    background: url("/doc/shortrange/static/image/theme_default/to-top.svg");
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: center;
    align-self: flex-end;
    position: sticky;
    bottom: 6em;
    right: 3em;
    margin: 1em;
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    transition: 0.4s;
    z-index: 97;
    border-radius: 100%;
    padding: 2px;
    background-color: #f1f1f1;
    box-shadow: 8px 8px 20px rgba(0,0,0,0.13);
}
#to_top:hover {
    background-size: 2.5em;
    box-shadow: 8px 8px 20px rgba(0,0,0,0.24);
}
#to_top:active {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}


/* footer article */
#previous_next {
    min-height: 3em;
    margin-top: 2em;
    display: flex;
    border-top: 1px solid #f1f1f1;
    padding: 1em;
    transition: 0.4s;
    display: flex;
    justify-content: space-between;
}
#previous_next > div {
    margin: 1em;
}
#previous_next a{
    padding: 1em;
    border-radius: 5px;
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    justify-content: flex-start;
}
#previous_next a:hover {
    background-color: #dedede;
}
#previous_next #previous a > .label{
    flex-grow: 1;
    text-align: center;
    padding-right: 2.5em;
}
#previous_next #previous a > .icon {
    transition: transform 0.4s linear;
    background: url("/doc/shortrange/static/image/theme_default/to-top.svg");
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 2.5rem;
    min-width: 2.5rem;
    transform: rotate(-90deg);
    padding: 0;
}

#previous_next #next a > .icon {
    transition: transform 0.4s linear;
    background: url("/doc/shortrange/static/image/theme_default/to-top.svg");
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 2.5rem;
    min-width: 2.5rem;
    transform: rotate(90deg);
    padding: 0;
}
#previous_next #next a {
    justify-content: flex-end;
}
#previous_next #next a > .label{
    flex-grow: 1;
    text-align: center;
    padding-left: 2.5em;
}
#previous_next #next a > .icon{
    transition: transform 0.4s linear;
    background: url("/doc/shortrange/static/image/theme_default/to-top.svg");
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 2.5rem;
    min-width: 2.5rem;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-left: 2em;
    padding: 0;
}
.footnotes {
    margin-top: 5em;
}
#doc_footer {
    min-height: 2em;
    display: flex;
    background-color: #2d2d2d;
    border-top: 1px solid #2d2d2d;
    padding: 1em;
    transition: 0.4s;
}
#page_footer {
    min-height: 2em;
    /* margin-top: 5em; */
    display: flex;
    padding: 1em;
    transition: 0.4s;
    background-color: #292929;
}
#footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    line-height: 1em;
}
#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer a, #footer a:visited{
    color: #848fa0;
    display: flex;
    padding: 0.2em;
    font-size: 0.9em;
}
#footer a:hover {
    background-color: #e6e6e6;
    border-radius: 0.1em;
    padding: 0.2em;
}
#footer_top {
    width: 100%;
}
#footer_top > ul {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
}
#footer_top > ul > li > a {
    color: #cecece;
    font-weight: 700;
    margin: 1em 0 0.5em 0;
}
#footer_top > ul > li > a:hover {
    background-color: transparent;
}
#footer_bottom {
    margin-top: 2em;
}
#footer_bottom a {
    justify-content: center;
}

/* TOC */
.anchor {
    opacity: 0;
    transition: 0.4s;
}
h2:hover > .anchor, h3:hover > .anchor, h4:hover > .anchor, h5:hover > .anchor {
    opacity: 1;
}
.anchor:hover {
    opacity: 1;
}
.anchor-link {
    display: none;
}
#toc_content>.toc-list {
	overflow: hidden;
	position: relative
}

#toc_content>.toc-list li {
	list-style: none
}

.toc-list {
	margin: 0;
	padding-left: 10px
}
#toc_content > .toc-list > .toc-list-item {
    border-left: 2px solid #f1f1f1;
    padding: 0.1em 0.1em;
    line-height: 1.2em;
}

a.toc-link {
	color: currentColor;
	height: 100%
}

.is-collapsible {
	/* max-height: 1000px; */
	overflow: hidden;
	transition: all 300ms ease-in-out
}

.is-collapsed {
	max-height: 0
}

.is-position-fixed {
	position: fixed !important;
	top: 0
}

.is-active-link {
	font-weight: 700
}

.toc-link::before {
	content: ' ';
	display: inline-block;
	height: inherit;
	left: 0;
	margin-top: -1px;
    padding-left: 6px;
    margin-left: -2px;
}

.is-active-link::before {
	border-left: 2px solid #ED1922;
}

/* class template */
.md_page #page_content > div {
    width: 90%;
    max-width: 100em;
    margin: auto;
    line-height: 2em;
}

/* jupyter notebook parser */
.jp-InputArea {
    display: flex;
    flex-direction: row;
}
.jp-InputPrompt {
    word-break: keep-all;
    margin-right: 0.2em;
    font-size: 0.8em;
}
.jp-CodeMirrorEditor {
    flex-grow: 1;
    overflow: auto;
}
.jp-OutputArea-child {
    display: flex;
    flex-direction: row;
}
.jp-OutputPrompt {
    word-break: keep-all;
    margin-right: 0.2em;
    font-size: 0.8em;
    min-width: 2.7em;
}
.jp-OutputArea-output {
    flex-grow: 1;
    overflow: auto;
    background: #2d2d2d;
}

/* google translate */
#navbar #google_translate_element {
    padding: 0;
}
#navbar #google_translate_element .goog-te-gadget-simple {
    border-radius: 5px;
    transition: 0.4s;
}
#navbar #google_translate_element .goog-te-gadget-simple .goog-te-menu-value {
    transition: 0.4s;
}

/* tabset */
.tabset {
    display: flex;
    flex-direction: column;
    align-items: normal;
    border: 0.2em solid #ebedf0;
    border-radius: 0.5em;
    margin: 0.5em 0;
}
.tabset-title {
    font-size: medium;
    font-weight: 500;
    padding: 0.5em 1em;
}
.tabset-content {
    display: flex;
    flex-direction: column;
    align-items: normal;
}
.tabset-tab {
    display: flex;
    flex-direction: row;
    padding: 0 1em;
}
.tabset-tab-label {
    cursor: pointer;
    font-size: large;
    font-weight: 700;
    padding: 0.5em 1em;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
}
.tabset-tab-label:hover {
    background-color: #0000000d;
}
.tabset-tab-active {
    background-color: #0000000d;
    border-bottom: 0.2em solid #ED1922;
    color: #ED1922;
}
.tabset-text-container {
    padding: 1em;
    background-color: #0000000d;
}
.tabset-text-container > div {
    display: none;
}
.tabset-text-container > div.tabset-text-active {
    display: block;
}

/* details */
details {
    display: flex;
    flex-direction: column;
    align-items: normal;
    border: 0.2em solid #ebedf0;
    border-radius: 0.5em;
    margin: 0.5em 0;
    transition: 0.4s;
}
details > summary {
    font-size: medium;
    font-weight: 500;
    padding: 0.5em 1em;
    cursor: pointer;
}
details > summary {
    list-style-type:none;
    position: relative;
    padding-left: 2em;
}
details > summary:before {
    display:inline-block;
    content: url("/doc/shortrange/static/image/theme_default/array.svg");
    transform:rotate(90deg);
    transition: 0.4s;
    left: 0.5em;
    position: absolute;
    top: 0.45rem;
}
details[open] > summary:before {
    transform:rotate(180deg);
    top: 0.35rem;
}
details[open] summary ~ * {
    animation: sweep .4s ease-in-out;
  }
@keyframes sweep {
0%    {opacity: 0; margin-left: -10px}
100%  {opacity: 1; margin-left: 0px}
}
details > .details-content, details > div {
    padding: 1em;
    background-color: #0000000d;
}

#update_history {
    overflow-x: auto;
}
#update_history details > div {
    padding: 0;
}
#update_history details {
    width: fit-content;
}

/* Tablet - Medium screens (768px - 1024px) */
@media screen and (max-width: 1024px) and (min-width: 769px) {
    #sidebar_wrapper {
        width: 250px;
    }
    
    #content_wrapper {
        width: 55%;
    }
    
    #toc_wrapper {
        width: 20%;
    }
    
    #content_body {
        width: 95%;
    }
    
    table {
        font-size: 0.85em;
    }
    
    h1 {
        font-size: 1.8em;
    }
    
    h2 {
        font-size: 1.6em;
    }
    
    h3 {
        font-size: 1.3em;
    }
}

/* Small tablets and large phones (600px - 768px) */
@media screen and (max-width: 768px) and (min-width: 601px) {
    body {
        font-size: 15px;
    }
    
    #sidebar_wrapper {
        width: 220px;
    }
    
    #content_wrapper {
        width: calc(100% - 240px);
    }
    
    #toc_wrapper {
        display: none;
    }
    
    #content_body {
        width: 95%;
    }
    
    table {
        font-size: 0.8em;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    table thead {
        display: table-header-group;
    }
    
    table th,
    table td {
        padding: 6px 10px;
        white-space: nowrap;
    }
    
    h1 {
        font-size: 1.6em;
    }
    
    h2 {
        font-size: 1.4em;
    }
    
    h3 {
        font-size: 1.2em;
    }
    
    pre[class*="language-"] {
        font-size: 0.85em;
    }
    
    #content_body img {
        max-width: 100%;
        height: auto;
    }
}

/* Mobile phones and small screens (up to 600px) */
@media screen and (max-width: 600px) {
    body {
        font-size: 14px;
    }
    
    h1 {
        font-size: 1.5em;
        text-align: left;
    }
    
    h2 {
        font-size: 1.3em;
    }
    
    h3 {
        font-size: 1.15em;
    }
    
    h4 {
        font-size: 1.05em;
    }
    
    p {
        line-height: 1.6em;
    }
    
    #navbar {
        display: block;
        border-bottom: 1px solid #f1f1f1;
        z-index: 89;
        padding: 0.5em;
    }
    
    #navbar * {
        display: block;
    }
    
    #navbar a.site_title {
        display: flex;
    }
    
    #navbar .site_logo {
        max-height: 45px;
    }
    
    #navbar_menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    #navbar ul {
        padding-left: 0;
    }
    
    #navbar_menu_btn {
        background: url("/doc/shortrange/static/image/theme_default/menu.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5px;
        cursor: pointer;
        width: 1.5em;
        height: 1.5em;
        display: block;
        padding: 0.5em;
    }
    
    #navbar #navbar_items {
        display: none;
        padding-right: 0;
    }
    
    #navbar .sub_items ul {
        left: 0;
        right: auto;
    }
    
    #navbar .sub_items ul ul {
        left: 0;
        top: 3em;
    }
    
    #sidebar_wrapper {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: white;
        box-shadow: 0 0 20px 0px #bbbbbb;
        width: 85%;
        max-width: 300px;
        z-index: 98;
        display: none;
    }
    
    #sidebar {
        position: relative;
        width: 100%;
        height: 100vh;
    }
    
    #sidebar > ul {
        padding-top: 4em;
        padding-bottom: 2em;
    }
    
    .gutter {
        display: none;
    }
    
    #menu_wrapper {
        z-index: 99;
    }
    
    #menu_wrapper.m_menu_fixed {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 3.5em;
        background-color: rgba(255, 255, 255, 0.95);
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(10px);
    }
    
    #menu_wrapper.m_menu_fixed > #menu {
        position: fixed;
        left: 0.5em;
        top: 0.75em;
    }
    
    #menu {
        min-height: 2.5em;
        min-width: 2.5em;
    }
    
    #menu.close {
        background: url("/doc/shortrange/static/image/theme_default/back.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5px;
        min-height: 2.5em;
        min-width: 2.5em;
    }
    
    #content_wrapper {
        width: 100%;
    }
    
    #content_body {
        width: 92%;
        padding: 0 4%;
    }
    
    #article {
        width: 100%;
    }
    
    #toc_wrapper {
        display: none;
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
        transition: 0.4s;
    }
    
    #toc_wrapper.show {
        display: block;
    }
    
    #article #toc {
        position: fixed;
        top: 4em;
        right: 0;
        z-index: 200;
        width: 85%;
        max-width: 300px;
        padding: 1em;
        border-radius: 0.5em 0 0 0.5em;
        max-height: calc(100vh - 5em);
    }
    
    /* 表格响应式优化 */
    table {
        font-size: 0.75em;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 1em 0;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    table thead {
        display: table-header-group;
    }
    
    table th,
    table td {
        padding: 8px 12px;
        white-space: nowrap;
        min-width: 80px;
    }
    
    /* 嵌套表格在小屏幕上的优化 */
    table table {
        font-size: 1em;
        margin: 0;
        box-shadow: none;
    }
    
    table table th,
    table table td {
        padding: 4px 8px;
        min-width: 60px;
    }
    
    /* 代码块响应式 */
    pre[class*="language-"] {
        font-size: 0.8em;
        margin: 1em -4%;
        border-radius: 0;
        max-width: 108%;
    }
    
    code {
        font-size: 0.85em;
        word-break: break-word;
    }
    
    /* 图片响应式 */
    #content_body img {
        max-width: 100%;
        height: auto;
        margin: 1em 0;
    }
    
    #content_body img[style*="float"] {
        float: none !important;
        margin: 1em auto !important;
        display: block !important;
    }
    
    /* 按钮优化 */
    .btn,
    #page_content .btn,
    #content_body .btn {
        padding: 0.8em;
        font-size: 0.9em;
        display: block;
        width: 100%;
        text-align: center;
    }
    
    /* 上一篇/下一篇导航 */
    #previous_next {
        flex-direction: column;
        padding: 0.5em;
    }
    
    #previous_next > div {
        margin: 0.5em 0;
        width: 100%;
    }
    
    #previous_next a {
        padding: 0.8em;
        font-size: 0.9em;
    }
    
    #previous_next #previous a > .label,
    #previous_next #next a > .label {
        padding: 0 1em;
    }
    
    /* 返回顶部按钮 */
    #to_top {
        bottom: 2em;
        right: 1em;
        height: 2.5rem;
        width: 2.5rem;
        background-size: 1.5em;
    }
    
    #to_top:hover {
        background-size: 1.8em;
    }
    
    /* 页脚优化 */
    .m_hide {
        display: none;
    }
    
    #footer_top > ul {
        flex-direction: column;
        padding: 0;
    }
    
    #footer_top > ul > li {
        margin: 0.5em 0;
        text-align: center;
    }
    
    #footer a {
        font-size: 0.85em;
        padding: 0.5em;
    }
    
    /* 文章工具栏 */
    #article_tools {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: -webkit-sticky;
        position: sticky;
        top: 1em;
        z-index: 97;
    }
    
    #toc_btn {
        background: url("/doc/shortrange/static/image/theme_default/anchor.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5px;
        min-height: 2.5em;
        min-width: 2.5em;
        transform: rotate(12deg);
        background-color: #f1f1f1;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }
    
    /* blockquote 优化 */
    blockquote {
        margin: 1em 0;
        padding: 0.8em;
        font-size: 0.95em;
    }
    
    blockquote::before {
        font-size: 3em;
    }
    
    /* details 和 tabset 优化 */
    details > summary,
    .tabset-title {
        font-size: 0.95em;
        padding: 0.6em 0.8em;
    }
    
    .tabset-tab-label {
        font-size: 0.9em;
        padding: 0.5em 0.8em;
    }
    
    /* 输入框优化 */
    input[type="text"],
    input[type="search"],
    select {
        font-size: 16px; /* 防止 iOS 自动缩放 */
        padding: 10px;
    }
}


/* Enhanced styles for better UX */

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* 超大屏幕优化 (1920px+) */
@media screen and (min-width: 1920px) {
    #content_body {
        max-width: 1400px;
        font-size: 1.05em;
    }
    
    #sidebar_wrapper {
        width: 350px;
    }
    
    #navbar .site_logo {
        max-height: 70px;
    }
    
    table {
        font-size: 0.95em;
    }
}

/* 大屏幕优化 (1440px - 1919px) */
@media screen and (min-width: 1440px) and (max-width: 1919px) {
    #content_body {
        max-width: 1200px;
    }
    
    #sidebar_wrapper {
        width: 320px;
    }
}

/* 标准桌面优化 (1200px - 1439px) */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
    #content_body {
        max-width: 1000px;
    }
    
    #sidebar_wrapper {
        width: 280px;
    }
    
    #toc_wrapper {
        width: 22%;
    }
}

/* 小桌面和平板横屏 (1025px - 1199px) */
@media screen and (min-width: 1025px) and (max-width: 1199px) {
    #sidebar_wrapper {
        width: 260px;
    }
    
    #content_wrapper {
        width: 58%;
    }
    
    #toc_wrapper {
        width: 20%;
    }
    
    table {
        font-size: 0.88em;
    }
}

/* Improved focus styles for accessibility */
a:focus,
button:focus,
[tabindex]:focus {
    outline: 2px solid #ED1922;
    outline-offset: 2px;
}

/* 键盘导航优化 */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #ED1922;
    outline-offset: 3px;
    box-shadow: 0 0 0 4px rgba(237, 25, 34, 0.1);
}

/* 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    /* 增大点击区域 */
    a, button, .btn {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    #navbar a {
        padding: 12px 18px;
    }
    
    #sidebar li > a {
        padding: 12px 10px;
    }
    
    /* 移除 hover 效果，使用 active 代替 */
    a:hover,
    button:hover {
        background-color: transparent;
    }
    
    a:active,
    button:active {
        background-color: #f1f1f1;
        transform: scale(0.98);
    }
    
    /* 禁用文本选择（在某些交互元素上） */
    #navbar,
    #sidebar,
    #toc,
    .btn {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(237, 25, 34, 0.1);
    }
}

/* 暗色模式媒体查询准备（如果将来需要） */
@media (prefers-color-scheme: dark) {
    /* 预留暗色模式变量 */
    :root {
        --theme-primary: #ED1922;
        --theme-bg: #1a1a1a;
        --theme-text: #e0e0e0;
    }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    html {
        scroll-behavior: auto;
    }
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
    body {
        color: #000;
    }
    
    a {
        text-decoration: underline;
    }
    
    button,
    .btn {
        border: 2px solid currentColor;
    }
}

/* Better table responsiveness */
table {
    font-size: 0.9em;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-color: transparent;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 5px;
    margin: 1em auto;
    scroll-behavior: smooth;
}

/* 添加表格滚动提示 */
table::-webkit-scrollbar {
    height: 8px;
}

table::-webkit-scrollbar-thumb {
    background-color: #ED1922;
    border-radius: 4px;
}

table::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

/* Nested tables (tables inside table cells) - avoid inheriting top-level header styles */
table table {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important; 
}
table table th,
table table td {
    background-color: transparent;
    border: none;
    padding: 6px 10px;
    color: #606975; /* match body text */
    font-weight: 600;
    font-size: 0.95em;
}
tr > td:has(table) {
  padding: 0;
  border: none;
}

/* Section headers in main table (colspan rows) - keep them distinct but not conflicting */
table > tbody > tr > th[colspan],
#content_body > table > tbody > tr > th[colspan] {
    text-align: left;
    background-color: transparent;
    color: #606975;
    font-weight: 700;
    border: none;
    padding: 10px 15px;
}

/* Table wrapper for better centering */
#content_body table {
    max-width: 95%;
    margin: 1.5em auto;
    display: table;
    table-layout: auto;
}

/* Improved code block styling */
pre[class*="language-"] {
    position: relative;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

/* 代码块滚动提示 */
pre[class*="language-"]::-webkit-scrollbar {
    height: 8px;
}

pre[class*="language-"]::-webkit-scrollbar-thumb {
    background-color: #ED1922;
    border-radius: 4px;
}

pre[class*="language-"]::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

/* Better blockquote styling */
blockquote {
    border-left: 4px solid #ED1922;
    margin: 1em 0;
    padding: 1em;
    background-color: #f1f1f1;
    border-radius: 0 5px 5px 0;
    transition: 0.4s;
    position: relative;
}

blockquote::before {
    content: '"';
    font-size: 4em;
    color: #ED1922;
    position: absolute;
    left: 0.2em;
    top: -0.2em;
    opacity: 0.3;
}

/* Improved button hover effects */
.btn:hover,
#page_content .btn:hover,
#content_body .btn:hover {
    background: #d41820;
    transform: translateY(-1px);
    box-shadow: 1px 3px 12px 0px rgba(237, 25, 34, 0.4);
}

/* Loading animation for images */
#content_body img {
    max-width: 100%;
    object-fit: contain;
    cursor: zoom-in;
    transition: opacity 0.3s ease;
    display: block;
    margin: 1em auto;
    border-radius: 4px;
}

/* 小图标样式 - 仅基于HTML属性的静态判断 */
#content_body img[width="16"], #content_body img[width="20"], #content_body img[width="24"], #content_body img[width="32"],
#content_body img[height="16"], #content_body img[height="20"], #content_body img[height="24"], #content_body img[height="32"] {
    display: inline !important;
    margin: 0 0.2em !important;
    vertical-align: middle !important;
    max-width: 32px !important;
    max-height: 32px !important;
    cursor: default !important;
}

/* 通过alt属性识别的静态图标 */
#content_body img[alt*="icon"], 
#content_body img[alt*="Icon"], 
#content_body img[alt*="图标"],
#content_body img[alt*="logo"],
#content_body img[alt*="Logo"] {
    display: inline !important;
    margin: 0 0.2em !important;
    vertical-align: middle !important;
    max-width: 32px !important;
    max-height: 32px !important;
    cursor: default !important;
}

/* JavaScript处理的行内图标样式 */
#content_body img.inline-icon {
    display: inline !important;
    margin: 0 0.2em !important;
    vertical-align: middle !important;
    max-width: 32px !important;
    max-height: 32px !important;
    cursor: default !important;
}

/* 占位图样式：当图片加载失败或 src 为空时显示占位图 */
#content_body img[src=""], 
#content_body img:not([src]), 
#content_body img[src^="data:"]:not([src*="base64"]) {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='150' viewBox='0 0 200 150'%3E%3Crect width='200' height='150' fill='%23f5f5f5' stroke='%23e0e0e0' stroke-width='2' rx='8'/%3E%3Cg transform='translate(100, 75)' fill='%23c0c0c0'%3E%3Cpath d='M-30,-10 L-20,-20 L-10,-10 L0,-25 L10,-15 L20,-20 L30,-10 L30,25 L-30,25 Z' fill='%23d0d0d0'/%3E%3Ccircle cx='-15' cy='-15' r='6' fill='%23e0e0e0'/%3E%3Crect x='-20' y='5' width='40' height='20' rx='4' fill='none' stroke='%23c0c0c0' stroke-width='2'/%3E%3Ccircle cx='0' cy='15' r='6' fill='none' stroke='%23c0c0c0' stroke-width='2'/%3E%3Ccircle cx='0' cy='15' r='3' fill='%23c0c0c0'/%3E%3Crect x='-18' y='7' width='8' height='3' rx='1' fill='%23c0c0c0'/%3E%3C/g%3E%3Ctext x='100' y='130' text-anchor='middle' font-family='Arial, sans-serif' font-size='12' fill='%23999'%3EImage not available%3C/text%3E%3C/svg%3E") !important;
    display: block !important;
    width: 50%;
    height: 25%;
    margin: 1em auto !important;
    border: 2px dashed #dee2e6 !important;
    border-radius: 16px !important;
    cursor: default !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

/* 通过JavaScript添加的占位图类 - 确保样式优先级 */
#content_body img.placeholder-image {
    cursor: default !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Improved tooltip styling */
#sidebar .tip {
    position: fixed;
    color: white;
    left: 300px;
    top: 18%;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 1em;
    display: flex;
    flex-direction: column;
    width: max-content;
    max-width: 300px;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    background: linear-gradient(135deg, #ED1922, #d41820);
    transform: translateY(-10px);
}

#sidebar li > a:hover+.tip, 
#sidebar .tip:hover {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Enhanced footer styling */
#footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    line-height: 1.5em;
    background: linear-gradient(135deg, #292929, #1a1a1a);
}

/* Improved search and input styling */
input[type="text"],
input[type="search"],
select {
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    padding: 8px 12px;
}

input[type="text"]:focus,
input[type="search"]:focus,
select:focus {
    border-color: #ED1922;
    box-shadow: 0 0 0 3px rgba(237, 25, 34, 0.1);
    outline: none;
}

#themes{
    padding: 2px 5px;
    cursor: pointer;
}
#navbar .light, #navbar .dark:hover {
    background: url("/doc/shortrange/static/image/theme_default/light_mode.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 1rem;
    min-width: 1rem;
}
#navbar .dark, #navbar .light:hover {
    background: url("/doc/shortrange/static/image/theme_default/dark_mode.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 1rem;
    min-width: 1rem;
}


@media print {
    /* 打印样式优化 */
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.5;
    }
    
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    
    p, blockquote {
        orphans: 3;
        widows: 3;
    }
    
    blockquote {
        border-left: 2px solid #000;
        page-break-inside: avoid;
    }
    
    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
    }
    
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    
    code[class*="language-"], 
    pre[class*="language-"] {
        white-space: pre-wrap;
        word-wrap: break-word;
        border: 1px solid #ccc;
        page-break-inside: avoid;
    }
    
    pre[class*="language-"].line-numbers {
        border: 1px solid #2d2d2d;
    }
    
    table {
        border-collapse: collapse;
        page-break-inside: avoid;
        width: 100%;
        display: table;
    }
    
    table th,
    table td {
        border: 1px solid #000;
        padding: 8px;
    }
    
    thead {
        display: table-header-group;
    }
    
    tr {
        page-break-inside: avoid;
    }
    
    #navbar,
    #sidebar_wrapper, 
    .gutter, 
    #menu_wrapper,
    #toc, 
    #to_top, 
    #doc_footer,
    #previous_next,
    #source_link, 
    #print_page,
    #comments-container,
    #article_tools,
    #toc_btn {
        display: none !important;
    }
    
    #article {
        width: 100%;
    }
    
    #content_wrapper {
        width: 100%;
    }
    
    #content_body {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    
    .gutter {
        display: none;
    }
}