/* ==========================================================================
   확률 공지（概率公示）页 · PC 端样式
   --------------------------------------------------------------------------
   来源：https://d-kr.farlightgames.com/probability/
         /static/css/dgame/kr/probability.css（1:1 复刻，仅把 CDN 绝对图片地址
         改成本地相对路径，其余选择器 / 数值 / 书写顺序保持源站原样）
   合并：/static/css/common/athena.css 仅一条 .richtext-image 规则，已并入本文件
         末尾，避免多一个 115 字节的小文件。

   版式说明（便于后续运营改版时定位）：
   - 页面为定宽版式，不做响应式：#header 最小宽 1200px、.pro 内容区固定 1000px
     居中，窄屏（含手机）由浏览器横向滚动查看 —— 这与源站表现完全一致。
   - .pro 的羊皮纸质感由三张切图拼成：table_01 顶边、table_03 底边、table_02
     中段纵向平铺，三者按 background 简写的顺序叠放，顺序不可调换。
   - 表格首行（表头）走 table tbody tr:first-child 的深棕配色；其余行按奇偶
     交替浅色，均由下方 background-color 规则控制，HTML 里不写行内样式。
   - table tbody 限高 400px 且可滚动：行数多的表格（운명 소환）在页面上只露出
     一屏，其余内容在表格内部滚动，这是源站的既定行为。
   ========================================================================== */

* {
    margin: 0;
    padding: 0
}

body {
    /* 源站 body 上原有三张背景切图（probg_01 / probg_02 / probg_03），
       在源站 CSS 中已被整段注释禁用，实际生效的只有下面的纯色底。此处保持一致。 */

    background-color: #e5e5e5;
    height: auto;
    padding: 85px 0 60px;
}

#header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    min-width: 1200px;
    height: 120px;
    background-color: rgba(0, 0, 0, .3);

    display: flex;
    align-items: center;
    justify-content: space-between;


}

.blind {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    border: 0
}

.subLogo a img {
    width: 152px;
    margin-left: 60px;
}

.community a {
    display: block;
    position: relative;
    float: left;
    width: 70px;
    height: 100%
}

.community a svg {
    display: block;
    position: relative;
    float: left;
    width: 26px;
    height: 26px;
    fill: #fff
}

.community a:nth-child(2) {
    background-position-x: -100%
}

.community a::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    content: "";
    transition: opacity .4s
}

.community a:nth-child(2)::after {
    background-position-x: -100%
}

.community a:hover::after {
    opacity: 1;
    transition: opacity .6s ease-in-out
}



.pro {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 50px;
    position: relative;
    background: url("../img/common/probability/table_01.webp") no-repeat left top/contain,
        url("../img/common/probability/table_03.webp") no-repeat left bottom/contain,
        url("../img/common/probability/table_02.webp") repeat left top/contain;
}

.pro .info {
    min-height: auto
}

.pro h4 {
    color: #715d42;
    font-size: 22px;
    margin-bottom: auto;
}

.pro p {
    color: #715d42;
    font-size: 18px;
    text-indent: 2em;
}

img.pro_title {
    display: block;
    width: 526px;
    margin: 60px auto 50px
}



table {
    border-spacing: 0;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all;
    position: relative;
    text-align: left;
    font-size: 18px;
    overflow: hidden;
    display: table;
    margin: 30px auto;
    max-width: 100%;
    max-height: 900px
}

table {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

table,
table thead,
table tbody,
table tbody tr:first-child {
    background-color: #8a6c43;
    color: #fff1cf
}

table tbody tr {
    background-color: #f7e0c1;
    color: #8a6c43
}

table tbody tr:nth-child(2n) {
    background-color: #fff1de
}

table thead,
table tbody {
    overflow: scroll;
    max-width: 911px;
    max-height: 400px;
    display: block
}

table td,
table th {
    padding: 5px 18px
}

/* 概率列由源站的单列拆成「종합 확률 / 기본 확률」两列后，说明 · 规则列若继续
   单行不换行会把概率数值挤出可视区（表格靠横向滚动才能看到），因此这两列允许
   换行并给出宽度建议；其余列保持源站的单行显示与配色不变。 */
table th.col-desc,
table th.col-rule {
    white-space: normal;
    width: 480px;
}

/* 源站 /static/css/common/athena.css 全文（富文本图片通用规则），并入于此 */
.richtext-image.original-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto;
}