/* F5 directory-wiki family stylesheet — blue-grey tool system.
   Palette: slate blue + blue-grey rules on a flat grey ground. */
:root {
    --wk-navy:#2e4a5e;
    --wk-navy-deep:#21384a;
    --wk-blue:#3D6A8A;
    --wk-blue-soft:#e8eef3;
    --wk-steel:#eef2f5;
    --wk-line:#C3D0D9;
    --wk-line-soft:#dde5ea;
    --wk-bg:#f2f4f6;
    --wk-panel:#FFFFFF;
    --wk-ink:rgb(36,49,58);
    --wk-mute:#647684;
    --wk-accent:#9A5B13;
    --wk-maxw:1060px;
    --wk-sans:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

* {
    box-sizing:border-box;
}

html {
    -webkit-text-size-adjust:100%;
}

body {
    margin:0;
    background:var(--wk-bg);
    color:var(--wk-ink);
    font-family:var(--wk-sans);
    font-size:14.5px;
    line-height:1.7;
}

a {
    color:var(--wk-blue);
    text-decoration:none;
}

a:hover {
    color:var(--wk-accent);
    text-decoration:underline;
}

a:focus-visible {
    outline:2px solid var(--wk-blue);
    outline-offset:2px;
}

::selection {
    background:#cfdde8;
}

.wk-wrap {
    max-width:var(--wk-maxw);
    margin:0 auto;
    padding:0 12px;
}

main {
    display:block;
    max-width:var(--wk-maxw);
    margin:0 auto;
    padding:12px 12px 6px;
}

main h1 {
    font-size:23px;
    line-height:1.4;
    margin:2px 0 8px;
    color:var(--wk-navy-deep);
}

main h2 {
    font-size:17.5px;
    line-height:1.45;
    margin:1.25em 0 .45em;
    color:var(--wk-navy);
}

main h3 {
    font-size:15.5px;
    line-height:1.5;
    margin:1em 0 .35em;
}

main p {
    margin:0 0 .85em;
}

main ul, main ol {
    margin:.15em 0 .9em;
    padding-left:1.3em;
}

main li {
    margin:.2em 0;
}

main strong {
    color:var(--wk-navy);
}

main img {
    max-width:100%;
    height:auto;
}

main table {
    border-collapse:collapse;
    width:100%;
    font-size:13.5px;
    margin:0 0 14px;
}

main th {
    background:var(--wk-blue-soft);
    color:var(--wk-navy);
    text-align:left;
    font-size:12.5px;
    padding:5px 8px;
    border:1px solid var(--wk-line);
}

main td {
    padding:6px 8px;
    border:1px solid var(--wk-line-soft);
    vertical-align:top;
}

main tr:nth-child(even) td {
    background:rgb(250,252,253);
}

.wk-topbar {
    background:var(--wk-navy-deep);
    color:#b7c8d4;
    font-size:12px;
}

.wk-topbar .wk-wrap {
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding-top:4px;
    padding-bottom:4px;
    flex-wrap:wrap;
}

.wk-topbar a {
    color:#DCE7EE;
}

.wk-sitehead {
    background:var(--wk-panel);
    border-bottom:1px solid var(--wk-line);
}

.wk-headrow {
    display:flex;
    align-items:baseline;
    gap:14px;
    padding:13px 0 11px;
    flex-wrap:wrap;
}

.wk-sitename {
    font-size:25px;
    font-weight:800;
    line-height:1.25;
    color:var(--wk-navy-deep);
    margin:0;
}

.wk-sitetag {
    font-size:13px;
    color:var(--wk-mute);
    margin:0;
}

.wk-headindex {
    margin-left:auto;
    line-height:1.9;
    text-align:right;
    font-size:13px;
}

.wk-headindex a {
    margin-left:12px;
    white-space:nowrap;
}

.wk-catnav {
    background:var(--wk-navy);
    border-bottom:2px solid var(--wk-navy-deep);
}

.wk-catnav .wk-wrap {
    display:flex;
    flex-wrap:wrap;
}

.wk-catnav a {
    color:#E6EEF4;
    font-size:14px;
    font-weight:600;
    padding:7px 13px;
    border-right:1px solid rgba(255,255,255,.16);
}

.wk-catnav a:first-child {
    background:#ffffff;
    color:var(--wk-navy-deep);
}

.wk-catnav a:hover {
    background:var(--wk-blue);
    text-decoration:none;
}

.wk-catnav a:first-child:hover {
    background:var(--wk-blue-soft);
}

.wk-crumbs {
    font-size:12.5px;
    color:var(--wk-mute);
    margin:0 0 9px;
}

.wk-crumbs ol {
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    gap:2px 5px;
    padding:0;
    margin:0;
}

.wk-crumbs li {
    margin:0;
}

.wk-crumbs li+li::before {
    content:">";
    margin-right:5px;
    color:var(--wk-mute);
}

.wk-crumbs a {
    color:var(--wk-mute);
    text-decoration:underline;
}

.wk-panel {
    background:var(--wk-panel);
    border:1px solid var(--wk-line);
    margin:0 0 16px;
}

.wk-panelhead {
    display:flex;
    align-items:baseline;
    gap:9px;
    background:var(--wk-steel);
    border-bottom:1px solid var(--wk-line);
    padding:6px 12px;
}

.wk-panelhead h2 {
    font-size:16px;
    margin:0;
    color:var(--wk-navy);
}

.wk-panelhead .wk-pk {
    font-size:10.5px;
    letter-spacing:.13em;
    color:var(--wk-mute);
    font-weight:700;
}

.wk-panelhead .wk-pmore {
    font-size:12.5px;
    margin-left:auto;
    white-space:nowrap;
}

.wk-panelbody {
    padding:8px 12px 10px;
}

.wk-note {
    font-size:12px;
    color:var(--wk-mute);
    margin:4px 0 0;
}

.wk-facts {
    display:flex;
    flex-wrap:wrap;
    border:1px solid var(--wk-line);
    background:var(--wk-panel);
    margin:0 0 14px;
}

.wk-fact {
    flex:1 1 118px;
    padding:7px 10px 6px;
    border-right:1px solid var(--wk-line-soft);
}

.wk-fact:last-child {
    border-right:none;
}

.wk-fact b {
    display:block;
    font-size:19px;
    line-height:1.25;
    color:var(--wk-navy);
}

.wk-fact span {
    font-size:12px;
    color:var(--wk-mute);
}

.wk-tree {
    list-style:none;
    margin:0;
    padding:4px 0;
}

.wk-tree>li {
    border-bottom:1px solid var(--wk-line-soft);
    padding:7px 2px 8px 14px;
    position:relative;
}

.wk-tree>li:last-child {
    border-bottom:none;
}

.wk-tree>li::before {
    content:"";
    position:absolute;
    left:3px;
    top:14px;
    bottom:12px;
    width:1px;
    background:var(--wk-line);
}

.wk-treecat {
    font-size:16px;
    font-weight:700;
}

.wk-treecat a {
    color:var(--wk-navy-deep);
}

.wk-treecount {
    font-size:12px;
    color:var(--wk-mute);
    font-weight:400;
    margin-left:6px;
}

.wk-treeintro {
    font-size:12.5px;
    color:var(--wk-mute);
    margin:1px 0 4px;
    line-height:1.6;
}

.wk-treeitems {
    list-style:none;
    margin:0;
    padding:0 0 0 12px;
    display:flex;
    flex-wrap:wrap;
    gap:2px 16px;
}

.wk-treeitems li {
    margin:0;
    font-size:13.5px;
}

.wk-treeitems a {
    color:var(--wk-blue);
}

.wk-idxstrip {
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin:0 0 6px;
}

.wk-idxstrip a {
    display:inline-block;
    min-width:27px;
    text-align:center;
    border:1px solid var(--wk-line);
    background:var(--wk-steel);
    color:var(--wk-navy);
    font-weight:700;
    font-size:13px;
    line-height:2;
    padding:0 6px;
}

.wk-idxstrip a:hover {
    border-color:var(--wk-blue);
    text-decoration:none;
}

.wk-tagstrip {
    line-height:2;
    margin:0;
}

.wk-tagstrip a {
    display:inline-block;
    font-size:12.5px;
    border:1px solid var(--wk-line);
    background:rgb(251,252,253);
    color:var(--wk-navy);
    padding:0 7px;
    margin:0 3px 3px 0;
}

.wk-tagstrip a:hover {
    border-color:var(--wk-blue);
    text-decoration:none;
}

.wk-tbl td.wk-c-name {
    font-weight:600;
}

.wk-tbl td.wk-c-name a {
    color:var(--wk-navy-deep);
}

.wk-tbl .wk-c-num {
    white-space:nowrap;
    text-align:center;
    width:64px;
}

.wk-tbl .wk-c-cat {
    white-space:nowrap;
    width:110px;
}

.wk-tbl .wk-c-date {
    white-space:nowrap;
    width:96px;
    color:var(--wk-mute);
}

.wk-tbl td p {
    font-size:12.5px;
    color:var(--wk-mute);
    margin:2px 0 0;
    line-height:1.55;
}

.wk-qa {
    margin:0;
}

.wk-qa-item {
    border-bottom:1px solid var(--wk-line-soft);
    padding:7px 0;
}

.wk-qa-item:last-child {
    border-bottom:none;
}

.wk-qa dt {
    font-weight:700;
    color:var(--wk-navy-deep);
    font-size:14.5px;
    margin:0 0 3px;
}

.wk-qa dt::before {
    content:"问：";
    color:var(--wk-blue);
}

.wk-qa dd {
    margin:0;
    color:#3A4954;
}

.wk-qa dd::before {
    content:"答：";
    font-weight:700;
    color:var(--wk-mute);
}

.wk-updates {
    list-style:none;
    margin:0;
    padding:0;
}

.wk-updates li {
    display:flex;
    gap:10px;
    align-items:baseline;
    padding:6px 2px;
    border-bottom:1px solid var(--wk-line-soft);
}

.wk-updates li:last-child {
    border-bottom:none;
}

.wk-updates .wk-u-date {
    flex:none;
    font-size:12px;
    color:var(--wk-mute);
    white-space:nowrap;
}

.wk-updates .wk-u-cat {
    flex:none;
    font-size:11.5px;
    color:var(--wk-navy);
    background:var(--wk-blue-soft);
    border:1px solid var(--wk-line);
    padding:0 5px;
    line-height:1.7;
}

.wk-attrs {
    float:right;
    width:252px;
    margin:2px 0 12px 16px;
    border:1px solid var(--wk-line);
    background:var(--wk-panel);
    font-size:13px;
}

.wk-attrs h2 {
    font-size:14px;
    margin:0;
    background:var(--wk-navy);
    color:rgb(255,255,255);
    padding:6px 10px;
}

.wk-attrs table {
    margin:0;
    font-size:13px;
}

.wk-attrs th {
    width:64px;
    background:var(--wk-steel);
    border:none;
    border-bottom:1px solid var(--wk-line-soft);
    padding:5px 8px;
    font-size:12.5px;
}

.wk-attrs td {
    border:none;
    border-bottom:1px solid var(--wk-line-soft);
    padding:5px 8px;
}

.wk-attrs tr:last-child th, .wk-attrs tr:last-child td {
    border-bottom:none;
}

.wk-attrs figure {
    margin:0;
}

.wk-attrs figure img {
    width:100%;
    display:block;
}

.wk-attrs figcaption {
    font-size:11.5px;
    color:var(--wk-mute);
    padding:4px 8px;
}

.wk-def {
    font-size:15.5px;
    line-height:1.8;
    color:#1D2B36;
    border-left:3px solid var(--wk-blue);
    padding:2px 0 2px 12px;
    margin:0 0 12px;
}

.wk-points {
    background:var(--wk-steel);
    border:1px solid var(--wk-line);
    padding:8px 12px 6px;
    margin:0 0 14px;
    max-width:560px;
}

.wk-points h2 {
    font-size:14px;
    margin:0 0 4px;
}

.wk-points ol {
    margin:0 0 6px;
    padding-left:1.4em;
    font-size:13.5px;
}

.wk-points li {
    margin:.15em 0;
}

.wk-itembody h2 {
    border-bottom:1px solid var(--wk-line-soft);
    padding-bottom:3px;
}

.wk-ref {
    list-style:none;
    margin:0;
    padding:0;
}

.wk-ref li {
    padding:6px 2px;
    border-bottom:1px solid var(--wk-line-soft);
}

.wk-ref li:last-child {
    border-bottom:none;
}

.wk-ref .wk-r-name {
    font-weight:600;
}

.wk-ref .wk-r-name a {
    color:var(--wk-navy-deep);
}

.wk-ref p {
    font-size:12.5px;
    color:var(--wk-mute);
    margin:1px 0 0;
    line-height:1.55;
}

.wk-ref .wk-r-meta {
    white-space:nowrap;
    color:var(--wk-mute);
    font-size:11.5px;
}

.wk-prevnext {
    display:flex;
    justify-content:space-between;
    gap:12px;
    font-size:13.5px;
    margin:0 0 12px;
    flex-wrap:wrap;
}

.wk-cattree {
    list-style:none;
    margin:0;
    padding:0;
}

.wk-cattree li {
    padding:5px 2px;
    border-bottom:1px solid var(--wk-line-soft);
    font-size:14px;
}

.wk-cattree li:last-child {
    border-bottom:none;
}

.wk-cattree .wk-cur {
    font-weight:700;
    color:var(--wk-navy-deep);
}

.wk-idxgroup {
    margin:0 0 16px;
}

.wk-idxgroup h2 {
    background:var(--wk-navy);
    color:#ffffff;
    font-size:15px;
    padding:5px 10px;
    margin:0 0 0;
}

.wk-idxgroup table {
    margin:0;
}

.wk-catcover {
    width:100%;
    max-height:220px;
    object-fit:cover;
    display:block;
    border:1px solid var(--wk-line);
    margin:0 0 10px;
}

.wk-plain {
    background:var(--wk-panel);
    border:1px solid var(--wk-line);
    padding:6px 16px 10px;
}

.wk-foot {
    background:var(--wk-navy-deep);
    color:#B7C8D4;
    margin-top:24px;
    border-top:3px solid var(--wk-navy);
    font-size:13px;
}

.wk-footgrid {
    display:grid;
    grid-template-columns:1.6fr 1fr 1.2fr 1fr;
    gap:22px;
    padding:20px 0 4px;
}

.wk-footname {
    font-size:17px;
    font-weight:800;
    color:#FFFFFF;
    margin:0 0 6px;
}

.wk-foot p {
    margin:0 0 8px;
    line-height:1.7;
}

.wk-footnav {
    display:flex;
    flex-direction:column;
    gap:4px;
}

.wk-foothead {
    color:#FFFFFF;
    font-weight:700;
    margin-bottom:2px;
}

.wk-footnav a {
    color:#B7C8D4;
}

.wk-footnav a:hover {
    color:#FFFFFF;
}

.wk-footline {
    border-top:1px solid rgba(255,255,255,.18);
    margin:13px 0 0;
    padding:10px 0 16px;
    font-size:12px;
    color:rgb(139,161,177);
}

@media (max-width: 760px) {
    .wk-attrs {
        float:none;
        width:100%;
        margin:0 0 12px;
    }
    .wk-points {
        max-width:none;
    }
    .wk-footgrid {
        grid-template-columns:1fr 1fr;
    }
    .wk-headindex {
        margin-left:0;
        text-align:left;
    }
    .wk-headindex a {
        margin:0 10px 0 0;
    }
    main {
        font-size:14px;
    }
    .wk-tbl .wk-c-cat {
        display:none;
    }
}

@media (max-width: 460px) {
    .wk-footgrid {
        grid-template-columns:1fr;
    }

    .wk-sitename {
        font-size:21px;
    }

    .wk-fact {
        flex-basis:96px;
    }

    .wk-tbl .wk-c-date {
        display:none;
    }
}

@media print {
    .wk-topbar,.wk-catnav,.wk-foot {
        display:none;
    }

    body {
        font-size:12pt;
    }
}