@import url('/v2_public/assets/css/article-references.css');
/* Article-only compatibility: ui_baodianv2/css/kuozhan.css, main_2023.css
   and Bootstrap 5's dark alert/table styles. Keep the new topic controls separate. */
.job-article{
    --job-row-hover:rgba(148,112,35,.1);
    background:var(--job-panel);color:var(--job-text);font-size:.95rem;line-height:1.65;
    letter-spacing:.5px;overflow-wrap:break-word;
}
html.dark .job-article,html.tw-dark .job-article{
    --job-row-hover:rgba(219,193,136,.12);--job-article-heading:#fff;--job-article-alert:#dee2e6;
    color:#f5f6f7;
}
.job-article p{margin:0;padding:0;line-height:30px}
.job-article h4.title{
    scroll-margin-top:calc(var(--job-nav-top,65px) + var(--job-nav-height,49px) + 14px);
}
.job-article hr{display:block;height:1px;margin:0;padding:0;border:0;border-top:1px solid #444;opacity:1}
/* Keep article measurements while removing redundant heading and panel outlines. */
.job-article h4.title+hr{border-top-color:transparent}
.job-article .alert{position:relative;margin:0 0 16px;padding:16px;border:1px solid transparent;border-radius:6px}
.job-article .alert-secondary{color:var(--job-article-alert,var(--job-text));background:var(--job-soft)}
.job-article .fade.show{opacity:1}
.job-article ul.list-paddingleft-2,.job-article ul.list-paddingleft-2 li{list-style:none;margin:0;padding:0}
.job-article a{color:inherit}
.job-article a:hover{color:#77ffff}
.job-article img{max-width:100%;height:auto;margin:5px auto;border-radius:6px;vertical-align:middle}
.job-article img[data-ui-image-viewer]{cursor:zoom-in}
.job-character-visual{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:690px;max-width:100%;height:350px;margin:5px auto;overflow:hidden;border-radius:3px;background:#20201e}
.job-character-visual:before{content:"";position:absolute;inset:-24px;z-index:-1;background-image:var(--job-character-image);background-position:center 35%;background-size:cover;filter:blur(18px);opacity:.3;pointer-events:none}
.job-article .job-character-portrait{display:block;width:auto;max-width:100%;height:100%;margin:0;border-radius:0;object-fit:contain}
@media(max-width:700px){.job-character-visual{height:320px}}
.job-article img[data-ui-image-viewer]:focus-visible{outline:2px solid var(--job-gold);outline-offset:3px}
.job-article .table-responsive,.job-article .job-table-scroll{overflow-x:auto;max-width:100%;margin:0;scrollbar-width:thin}
.job-article table{border-collapse:collapse;color:inherit;line-height:1.65;text-indent:0}
.job-article .table{width:100%;margin:0 0 16px;vertical-align:top;border-color:#495057}
.job-article .table-bordered{border:0 solid #495057}
.job-article .table td,.job-article .table th{padding:8px;background-color:transparent;font-weight:400}
.job-article .table-bordered td,.job-article .table-bordered th{border:1px solid #444!important}
.job-article .table thead th{border-bottom:2px solid #444}
.job-article .table tbody tr:focus-within>td,.job-article .table tbody tr:focus-within>th{
    box-shadow:inset 0 0 0 9999px var(--job-row-hover);
}
@media(hover:hover){
    .job-article .table tbody tr:hover>td,.job-article .table tbody tr:hover>th{
        box-shadow:inset 0 0 0 9999px var(--job-row-hover);
    }
}
.job-article .firstRow td,.job-article .firstRow td span{white-space:nowrap}
.job-article .mb-0{margin-bottom:0!important}
.job-article code{
    color:#eee;background:#000;border-radius:4px;margin:0 2px;padding:4px 5px;
    font-family:PingFangSC,"helvetica neue","hiragino sans gb",arial,"microsoft yahei ui","microsoft yahei",simsun,sans-serif;
    font-size:inherit;
}
.job-article code.border{border:1px solid #495057}
/* Existing local Font Awesome Free 5.15.4 font; licenses are retained in its directory. */
@font-face{
    font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;
    src:url("/ui_baodianv2/fontawesome-free-5.15.4-web/webfonts/fa-solid-900.woff2") format("woff2");
}
.job-article .fas{
    display:inline-block;font-family:"Font Awesome 5 Free";font-style:normal;font-variant:normal;
    font-weight:900;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;
}
.job-article .fa-info-circle::before{content:"\f05a"}
.job-article .fa-tags::before{content:"\f02c"}
.job-article .mr-2{margin-right:8px!important}
@media(max-width:700px){.job-article .table{min-width:560px}}