/* ==========================================================================
   Security & Compliance - Vulnerability Disclosure（手机端，en；ru 回退本文件）
   ========================================================================== */

.vd-page {
    width: 100%;
    background-color: #fafafa;
    font-family: 'OPPOSans-R', 'OPPOSans', Roboto, Arial, sans-serif;
    color: #1a1a1a;
    /* 手机端固定导航 min-height: 12rem（见 common/sidenav/phone-en.css 的 .menu） */
    padding-top: 12rem;
}

.vd-hero {
    position: relative;
    width: 100%;
    height: 26rem;
    background-color: #1c1c1c;
    background-image: url("/assets/img/security/vulnerability-hero.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.vd-hero-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.vd-hero-shield {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
    width: 13rem;
    margin: 0 auto;
    transform: translateY(-50%);
}

.vd-hero-shield img {
    width: 100%;
    display: block;
}

.vd-hero-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 2;
    margin: 0;
    font-family: 'OPPOSans-R', 'OPPOSans', Roboto, Arial, sans-serif;
    font-size: 3.4rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    transform: translateY(-50%);
}

.vd-content {
    width: 100%;
    padding: 4rem 4rem 6rem;
    box-sizing: border-box;
}

.vd-title {
    font-family: 'OPPOSans-B', 'OPPOSans-R', 'OPPOSans', Roboto, Arial, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    margin: 0 0 3.6rem;
}

.vd-section {
    margin-bottom: 5rem;
}

.vd-h2 {
    font-family: 'OPPOSans-B', 'OPPOSans-R', 'OPPOSans', Roboto, Arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 2.4rem;
}

.vd-process {
    display: block;
    margin-bottom: 2.4rem;
}

.vd-process-icon {
    width: 12rem;
    margin: 0 0 2rem;
}

.vd-process-icon img {
    width: 100%;
    display: block;
}

.vd-process-text p {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #333;
    margin: 0 0 1.6rem;
}

.vd-steps {
    width: 100%;
    margin: 1rem 0 2.6rem;
}

.vd-steps img {
    width: 100%;
    display: block;
}

.vd-steps.is-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16rem;
    border: 1px dashed #dcdcdc;
    border-radius: 1rem;
    background-color: #fafafa;
}

.vd-steps.is-empty::after {
    content: "Five-step process diagram (design asset pending)";
    font-size: 1.4rem;
    color: #aaa;
}

.vd-note {
    font-size: 1.5rem;
    line-height: 1.7;
    color: #333;
}

.vd-note-title {
    font-weight: 700;
    margin: 0 0 1rem;
}

/* 全局 reset 清掉了 list-style，这里恢复序号 */
.vd-note ol {
    margin: 0;
    padding-left: 2.2rem;
    list-style: decimal outside;
}

.vd-note li {
    display: list-item;
    list-style: decimal outside;
    margin-bottom: 0.8rem;
}

.vd-note a {
    color: #2f5fe0;
    word-break: break-all;
}

/* 表格：手机端转为卡片式堆叠 */
.vd-table-wrap {
    width: 100%;
    border-radius: 1rem;
    background-color: #fafafa;
    padding: 1rem 2rem;
    box-sizing: border-box;
}

.vd-table thead {
    display: none;
}

.vd-table,
.vd-table tbody,
.vd-table tr,
.vd-table td {
    display: block;
    width: 100%;
}

.vd-table tr {
    padding: 1.8rem 0;
    border-bottom: 1px solid #ececec;
}

.vd-table tr:last-child {
    border-bottom: none;
}

.vd-table td {
    padding: 0.4rem 0;
    border: none;
    font-size: 1.5rem;
    color: #666;
}

.vd-table td:first-child {
    font-size: 1.4rem;
    color: #999;
}

.vd-empty {
    text-align: center;
    padding: 3rem 0;
}

/* 表单 */
.vd-report-intro,
.vd-warn {
    font-size: 1.6rem;
    line-height: 1.7;
    color: #333;
    margin: 0 0 1.6rem;
}

.vd-report-intro a,
.vd-pgp {
    color: #2f5fe0;
}

.vd-pgp.is-pending {
    color: #9a9a9a;
    cursor: not-allowed;
    text-decoration: none;
}

.vd-form {
    display: block;
    margin-top: 3rem;
}

.vd-form-left {
    width: 100%;
    padding-right: 0;
}

.vd-form-right {
    display: none;
}

.vd-field {
    margin-bottom: 2.2rem;
}

.vd-field label {
    display: block;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 0.9rem;
}

.vd-field input[type="text"],
.vd-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: none;
    outline: none;
    border-radius: 0.6rem;
    background-color: #ededed;
    padding: 1.4rem 1.6rem;
    font-size: 1.5rem;
    font-family: inherit;
    color: #222;
}

.vd-field textarea {
    min-height: 13rem;
    resize: vertical;
    line-height: 1.6;
}

.vd-field-file {
    display: flex;
    align-items: center;
}

.vd-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

/* 必须压过 .vd-field label 的 color:#333，否则 Browse 文字是黑色 */
.vd-field .vd-file-label {
    display: inline-block;
    padding: 0.8rem 2.8rem;
    border-radius: 2.2rem;
    background-color: #3c6be5;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    margin-bottom: 0 !important;
}

.vd-file-name {
    margin-left: 1.2rem;
    font-size: 1.4rem;
    color: #888;
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-captcha-row {
    display: flex;
    align-items: center;
}

.vd-captcha-row input[type="text"] {
    width: 14rem;
    margin-right: 1.4rem;
}

.vd-cap-img {
    height: 5rem;
    cursor: pointer;
    border-radius: 0.6rem;
}

.vd-consent {
    width: 100%;
    margin-top: 1rem;
}

.vd-check {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.4rem;
    cursor: pointer;
}

.vd-checkbox {
    margin: 0.4rem 1rem 0 0;
    width: 1.7rem;
    height: 1.7rem;
    flex: 0 0 1.7rem;
}

.vd-check span {
    font-size: 1.4rem;
    line-height: 1.7;
    color: #555;
}

.vd-check a {
    color: #2f5fe0;
}

.vd-submit-row {
    width: 100%;
    margin-top: 1.4rem;
}

.vd-submit {
    display: inline-block;
    min-width: 14rem;
    padding: 1.1rem 3.4rem;
    border: none;
    border-radius: 2.6rem;
    background-color: #3c6be5;
    color: #fff;
    font-size: 1.6rem;
    font-family: inherit;
    cursor: pointer;
}

.vd-submit:disabled,
.vd-submit.is-loading {
    opacity: 0.6;
    cursor: not-allowed;
}

.vd-form-tip {
    display: block;
    margin: 1.2rem 0 0;
    font-size: 1.4rem;
    color: #d33;
    opacity: 0;
    transition: opacity 0.2s;
}

/* 页脚留言表单 -------------------------------------------------------- */
/* 本页自带“Report a Vulnerability”表单，页脚再出现一个“Leave us a message”
   就是重复的表单，直接隐藏；页脚导航保留 */
.vd-page .footerTable {
    display: none;
}