/* Modern premium dark-gold finance theme tokens. Keep this layer first so
   every legacy selector resolves through the same VMIC variable names. */
:root {
    --vmic-ink: #f8f3e7;
    --vmic-muted: #b8ad9a;
    --vmic-blue: #070b10;
    --vmic-blue-2: #101820;
    --vmic-blue-3: #d6b181;
    --vmic-paper: #05070a;
    --vmic-white: #11161d;
    --vmic-line: rgba(214, 177, 129, .22);
    --vmic-silver: #8e8779;
    --vmic-gold: #d6b181;
    --vmic-shadow: 0 18px 48px rgba(0, 0, 0, .38);
    --vmic-radius-sm: 8px;
    --vmic-radius: 14px;
    --vmic-radius-lg: 16px;
    --vmic-primary-soft: rgba(214, 177, 129, .12);
    --vmic-success: #35c77b;
    --vmic-warning: #e4aa4f;
    --vmic-danger: #ff6b6b;
    --vmic-surface: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)), #0b1118;
    --vmic-page-bg: radial-gradient(circle at 50% -8%, rgba(214,177,129,.14), transparent 34%), linear-gradient(180deg, #030507 0%, #090d11 48%, #030405 100%);
    --vmic-control-bg: #05080b;
    --vmic-button-gold: linear-gradient(135deg, var(--button-primary-bg-start), var(--button-primary-bg-mid) 48%, var(--button-primary-bg-end));
}

/* Account security, verification and legacy user forms. */
body.vmic-client .jp-bank-wrap,
body.vmic-client .cert-page,
body.vmic-client .login_bg,
body.vmic-client .main_top_1,
body.vmic-client .user_zx_right {
    background:
        radial-gradient(circle at 50% 0, rgba(214, 177, 129, .12), transparent 42%),
        var(--vmic-paper) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-client .jp-bank-card,
body.vmic-client .cert-card,
body.vmic-client .login_bg form,
body.vmic-client .myinfo,
body.vmic-client .box,
body.vmic-client .safe-attast,
body.vmic-client .safe-bottom,
body.vmic-client .user-form {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius-lg) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)), #0b1118 !important;
    color: var(--vmic-ink) !important;
    box-shadow: var(--vmic-shadow) !important;
}

body.vmic-client .jp-title,
body.vmic-client .cert-title,
body.vmic-client .tagMenu .menu li.current a,
body.vmic-client .safe-list span,
body.vmic-client .r-user-title {
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body.vmic-client .jp-tip,
body.vmic-client .cert-tip,
body.vmic-client .cert-status-label,
body.vmic-client .myinfo p,
body.vmic-client .safe-list p,
body.vmic-client .onShow {
    color: var(--vmic-muted) !important;
}

body.vmic-client .jp-row label,
body.vmic-client .cert-row label,
body.vmic-client .input_text.cert label,
body.vmic-client .user-form label {
    color: var(--vmic-ink) !important;
}

body.vmic-client .jp-row input,
body.vmic-client .jp-row select,
body.vmic-client .cert-row input[type=text],
body.vmic-client .input_text,
body.vmic-client .input_text input,
body.vmic-client .user-form input,
body.vmic-client .myinfo input,
body.vmic-client .myinfo select,
body.vmic-client .myinfo textarea {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--vmic-ink) !important;
    box-shadow: none !important;
}

body.vmic-client .jp-row input:focus,
body.vmic-client .jp-row select:focus,
body.vmic-client .cert-row input[type=text]:focus,
body.vmic-client .input_text input:focus,
body.vmic-client .myinfo input:focus,
body.vmic-client .myinfo select:focus {
    border-color: var(--vmic-gold) !important;
    box-shadow: 0 0 0 3px rgba(214, 177, 129, .16) !important;
    outline: none !important;
}

body.vmic-client .jp-btn,
body.vmic-client .cert-btn,
body.vmic-client .cert-upload,
body.vmic-client .input_btn,
body.vmic-client .btnsubupdate,
body.vmic-client .form-btn,
body.vmic-client .green-btn {
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 28px rgba(214, 177, 129, .24) !important;
}

body.vmic-client .btncancel {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: rgba(214, 177, 129, .08) !important;
    color: var(--vmic-gold) !important;
}

body.vmic-client .cert-status,
body.vmic-client .cert-remark,
body.vmic-client .prompt,
body.vmic-client .hite,
body.vmic-client .tagMenu {
    border-color: var(--vmic-line) !important;
    background: rgba(214, 177, 129, .07) !important;
    color: var(--vmic-muted) !important;
}

body.vmic-client .cert-status-value,
body.vmic-client .blue,
body.vmic-client .red3 {
    color: var(--vmic-gold) !important;
}

body.vmic-client .tagMenu .menu {
    display: flex !important;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius) !important;
    background: rgba(255,255,255,.035) !important;
}

body.vmic-client .tagMenu .menu li {
    flex: 1 1 0 !important;
    border: 1px solid transparent !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: rgba(255,255,255,.03) !important;
    text-align: center !important;
}

body.vmic-client .tagMenu .menu li.current {
    border-color: var(--vmic-line) !important;
    background: rgba(214, 177, 129, .12) !important;
}

body.vmic-client .tagMenu .menu li a {
    color: var(--vmic-muted) !important;
}

body.vmic-client .progress,
body.vmic-client .progress-bar {
    border-radius: 999px !important;
}

body.vmic-client .progress {
    background: rgba(255,255,255,.08) !important;
}

body.vmic-client .progress-bar {
    background: linear-gradient(90deg, #9d7539, #e7c994) !important;
}

/* Points mall, invite team, agreement, customer service and lottery pages. */
body.vmic-jifen-page,
body.vmic-team-page,
body.vmic-layim-page,
body.vmic-agreement-page,
body.vmic-wheel-page,
body.mui-android {
    background: var(--vmic-paper) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-jifen-page .blackHeader,
body.vmic-team-page .blackHeader,
body.vmic-jifen-page header,
body.vmic-team-page header,
body.vmic-layim-page header,
body.vmic-wheel-page .award-nav {
    border-bottom: 1px solid var(--vmic-line) !important;
    background: linear-gradient(180deg, rgba(214, 177, 129, .12), rgba(255,255,255,.02)), #070b10 !important;
    color: var(--vmic-gold) !important;
}

body.vmic-jifen-page .headerTitle,
body.vmic-team-page .headerTitle,
body.vmic-wheel-page .award-nav li,
body.vmic-agreement-page .center {
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body.vmic-jifen-page .mall-index-content,
body.vmic-jifen-page .goodsdetails-details,
body.vmic-jifen-page .formGroup,
body.vmic-team-page .formGroup,
body.vmic-agreement-page .ylb-text,
body.vmic-wheel-page .award-info,
body.vmic-wheel-page .rule_text,
body.vmic-wheel-page .award-btn,
body.vmic-wheel-page .zj-main > div,
body.vmic-wheel-page .xxcy-main > div {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius-lg) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)), #0b1118 !important;
    color: var(--vmic-ink) !important;
    box-shadow: var(--vmic-shadow) !important;
}

body.vmic-jifen-page .integral-record,
body.vmic-jifen-page .card-box,
body.vmic-jifen-page .list-of-prizes .list .link,
body.vmic-jifen-page .my-points,
body.vmic-jifen-page .exchange-rules,
body.vmic-team-page .inviteTab,
body.vmic-jifen-page .inviteTab,
body.vmic-agreement-page table {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius) !important;
    background: rgba(255,255,255,.04) !important;
    color: var(--vmic-ink) !important;
    overflow: hidden !important;
}

body.vmic-jifen-page .title,
body.vmic-jifen-page .title h2,
body.vmic-jifen-page h2,
body.vmic-jifen-page h3,
body.vmic-team-page .color,
body.vmic-jifen-page .color,
body.vmic-wheel-page .sy-num font,
body.vmic-wheel-page .award-info-nav li.active {
    color: var(--vmic-gold) !important;
}

body.vmic-jifen-page .txt,
body.vmic-jifen-page .desc,
body.vmic-jifen-page .left,
body.vmic-jifen-page .right,
body.vmic-team-page .widthBox,
body.vmic-agreement-page,
body.vmic-agreement-page td,
body.vmic-wheel-page .rule_text,
body.vmic-wheel-page .award-info li {
    color: var(--vmic-muted) !important;
}

body.vmic-jifen-page input[type=text],
body.vmic-jifen-page input[type=number],
body.vmic-jifen-page textarea,
body.vmic-jifen-page .d-n-a input {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-jifen-page .submit,
body.vmic-jifen-page button,
body.vmic-jifen-page .det-db button,
body.vmic-jifen-page .integral-record .btns,
body.vmic-wheel-page .award-btn,
body.vmic-wheel-page #start {
    border-color: var(--vmic-line) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
    font-weight: 900 !important;
}

body.vmic-jifen-page .inviteTab td,
body.vmic-team-page .inviteTab td,
body.vmic-agreement-page table td {
    border-color: var(--vmic-line) !important;
    background: rgba(255,255,255,.025) !important;
    color: var(--vmic-muted) !important;
}

body.vmic-jifen-page .tabTitle td,
body.vmic-team-page .tabTitle td {
    background: rgba(214, 177, 129, .12) !important;
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body.vmic-layim-page,
body.vmic-layim-page .layui-layim,
body.vmic-layim-page .layui-layim-main,
body.vmic-layim-page .layui-layim-chat,
body.vmic-layim-page .layim-chat-main {
    background: #070b10 !important;
    color: var(--vmic-ink) !important;
}

body.vmic-layim-page .layui-layim-title,
body.vmic-layim-page .layim-chat-title,
body.vmic-layim-page .layui-layim-tool {
    border-color: var(--vmic-line) !important;
    background: rgba(214, 177, 129, .1) !important;
    color: var(--vmic-gold) !important;
}

body.vmic-layim-page .layim-chat-text,
body.vmic-layim-page textarea,
body.vmic-layim-page input {
    border-color: var(--vmic-line) !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--vmic-ink) !important;
}

html,
body {
    background: var(--vmic-paper) !important;
    color: var(--vmic-ink);
    font-family: Inter, "Microsoft YaHei", Arial, sans-serif !important;
    letter-spacing: 0;
}

body {
    max-width: 450px;
    min-width: 320px;
    margin: 0 auto !important;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
}

.top,
.header,
.kf {
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    border: 0 !important;
    box-shadow: 0 12px 28px rgba(4, 18, 32, .2);
}

.top {
    height: 52px !important;
    line-height: 52px !important;
}

.top .kf > div,
.top .kf div[style],
.header .nav {
    background: transparent !important;
}

.top a,
.header a,
.header .nav li a {
    color: rgba(255, 255, 255, .92) !important;
    font-weight: 800;
}

.headerRight {
    right: 12px !important;
    top: 8px !important;
    min-height: 34px;
    padding: 0 10px !important;
    border: 1px solid rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .08);
    line-height: 34px !important;
}

.sb-back {
    filter: brightness(0) invert(1);
}

.vmic-mobile-hero {
    position: relative;
    overflow: hidden;
    margin-top: 50px;
    padding: 34px 18px 22px;
    color: var(--vmic-white);
    background:
        linear-gradient(90deg, rgba(5, 19, 35, .98), rgba(5, 19, 35, .78) 58%, rgba(5, 19, 35, .48)),
        linear-gradient(135deg, var(--vmic-blue), var(--vmic-blue-2));
}

.vmic-mobile-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .22;
    background-image:
        linear-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .12) 1px, transparent 1px);
    background-size: 58px 58px;
    pointer-events: none;
}

.vmic-mobile-hero > * {
    position: relative;
    z-index: 1;
}

.vmic-eyebrow,
.vmic-mobile-hero .classification {
    margin: 0 0 10px;
    color: var(--vmic-gold);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.vmic-mobile-hero h1 {
    margin: 0 0 8px;
    color: var(--vmic-white);
    font-size: 34px;
    font-weight: 760;
    line-height: 1;
    letter-spacing: 0;
}

.vmic-mobile-hero p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 14px;
    line-height: 1.65;
}

.vmic-hero-actions {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.vmic-button,
.btn,
.btn_orange,
.btn_hui,
.sub01,
.sub02,
.index-news-more,
.novice_btn,
input[type="button"],
button {
    border-radius: 0 !important;
    font-weight: 900 !important;
    letter-spacing: 0;
}

.vmic-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .42);
    color: var(--vmic-white);
    background: rgba(255, 255, 255, .1);
}

.vmic-button.primary,
.btn_orange,
.sub01,
.novice_btn,
input[type="button"][onclick*="SubForm"],
#login {
    border: 1px solid var(--vmic-white) !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-blue) !important;
}

.vmic-button.secondary,
.btn_hui,
.sub02,
.btncancel,
#btn_cancel {
    border: 1px solid rgba(10, 29, 51, .24) !important;
    background: rgba(10, 29, 51, .06) !important;
    color: var(--vmic-blue) !important;
}

.noticewrapbg,
.notice,
.index-news,
.nav-icon,
.index-nav-wrap,
.index-nav,
.zs_lianjie,
.licaibox,
.main,
.bd,
.myinfo,
.box,
.huiyuan,
.leftsidebar_box,
.details,
.tab,
.tzliebli {
    background: var(--vmic-paper) !important;
}

.notice {
    margin: 12px 12px 0;
    border: 1px solid var(--vmic-line);
    background: var(--vmic-white) !important;
}

.notice .title,
.index-news-title,
.tzbox .hd,
.tagMenu {
    border-color: var(--vmic-line) !important;
    color: var(--vmic-blue) !important;
}

.notice .marquee,
.notice .marquee font,
.index-news-item p,
.project-foot,
.right_item,
.detail_name,
.myinfo p {
    color: var(--vmic-muted) !important;
}

.index-nav,
.index-news,
.itemList,
.tzliebli,
.myinfo,
.tagMenu,
.navdowna,
.navdownb,
.huiyuan,
.details,
.introduce_list,
.meter,
.login,
.password {
    border: 1px solid var(--vmic-line) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: none !important;
}

.index-news,
.itemList,
.myinfo,
.details,
.introduce_list {
    margin: 14px 12px !important;
}

.index-nav li a,
.huiyuan li a,
.tzliebli li a {
    border-color: var(--vmic-line) !important;
    color: var(--vmic-blue) !important;
}

.index-nav p,
.huiyuan li,
.huiyuan li a,
.tzliebli li font {
    color: var(--vmic-blue) !important;
    font-weight: 800;
}

.index-news-title,
.tzbox .title span {
    color: var(--vmic-blue) !important;
    font-weight: 900;
}

.index-news-title::before,
.tzbox .title::before,
.tagMenu::before {
    content: "";
    display: none;
    margin-bottom: 3px;
    color: var(--vmic-gold);
    font-size: 10px;
    font-weight: 900;
    line-height: 1.1;
}

.itemList {
    position: relative;
    overflow: hidden;
    padding: 0 0 14px !important;
}

.itemList::before {
    content: "";
    display: none;
    padding: 14px 14px 0;
    color: var(--vmic-gold);
    font-size: 10px;
    font-weight: 900;
}

.itemList > a {
    display: block;
    padding: 0 14px;
}

.itemList > a > img {
    width: calc(100% + 28px) !important;
    max-width: none;
    height: 150px !important;
    margin: 10px -14px 14px !important;
    object-fit: cover;
    filter: saturate(.72) contrast(1.04);
}

.itemList h3 {
    color: var(--vmic-blue) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

.red,
font[color="#FF6600"],
font[color="#ff0000"],
font[color="#FF0000"] {
    color: var(--vmic-blue-3) !important;
}

.project-divProgress,
.item-progress {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    gap: 8px;
    align-items: center;
    color: var(--vmic-muted);
}

.divProgress,
.item-progress-bg,
.progressBar {
    height: 10px !important;
    border-radius: 0 !important;
    background: #d9e0e6 !important;
}

.divProgressBar,
.item-progress-bar,
.progressBar .bar,
.progress_bar .bar {
    height: 100% !important;
    border-radius: 0 !important;
    background: var(--vmic-blue-3) !important;
}

.footer-copyright,
.yb_bar {
    border-top: 1px solid var(--vmic-line);
    background: rgba(255, 255, 255, .96) !important;
}

.yb_bar a {
    color: var(--vmic-muted) !important;
    font-size: 11px !important;
}

.user_zx_right {
    background: var(--vmic-paper) !important;
}

.topadd {
    position: relative;
    overflow: hidden;
    margin: 0 0 14px;
    padding: 32px 16px 18px !important;
    background:
        linear-gradient(135deg, var(--vmic-blue), var(--vmic-blue-2)) !important;
    color: var(--vmic-white);
}

.topadd::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px);
    background-size: 52px 52px;
}

.topadd > * {
    position: relative;
    z-index: 1;
}

.logoadd font,
.zichan,
.zichan font,
.yuene dd {
    color: var(--vmic-white) !important;
}

.zichan {
    margin-top: 18px !important;
    font-size: 13px !important;
}

.zichan font {
    display: block;
    margin-top: 8px;
    font-size: 34px !important;
    font-weight: 760;
    line-height: 1;
}

.yuene {
    margin-top: 18px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .08);
}

.yuene dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yuene dd {
    border-color: rgba(255, 255, 255, .14) !important;
    font-size: 12px;
    line-height: 1.55;
}

.huiyuan li {
    height: auto !important;
    line-height: 1.4 !important;
}

.huiyuan li a {
    display: flex !important;
    align-items: center;
    min-height: 62px;
    border-color: var(--vmic-line) !important;
    background: var(--vmic-white);
}

.tagMenu .menu {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding: 10px !important;
    white-space: nowrap;
}

.tagMenu .menu li,
.tagMenu .menu li.current {
    float: none !important;
    width: auto !important;
    border: 1px solid var(--vmic-line) !important;
    background: var(--vmic-white) !important;
}

.tagMenu .menu li.current {
    border-color: rgba(31, 92, 134, .42) !important;
    background: rgba(31, 92, 134, .08) !important;
}

.tagMenu .menu li a {
    color: var(--vmic-blue) !important;
    font-weight: 900;
}

table,
td,
th {
    border-color: var(--vmic-line) !important;
}

td,
th {
    background: var(--vmic-white) !important;
    color: var(--vmic-ink) !important;
}

input,
select,
textarea {
    border: 1px solid var(--vmic-line) !important;
    border-radius: 0 !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-ink) !important;
    outline: none;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--vmic-blue-3) !important;
    box-shadow: 0 0 0 3px rgba(31, 92, 134, .12);
}

.wrap .zs_topbg,
.shouyi {
    display: none !important;
}

.page-login,
.wrap {
    background:
        linear-gradient(180deg, rgba(5, 19, 35, .96), rgba(10, 29, 51, .9)),
        var(--vmic-blue) !important;
}

.wrap {
    min-height: 100vh;
    padding: 52px 16px 24px;
}

.zs_dl {
    margin: 0 0 22px !important;
    color: var(--vmic-white) !important;
    font-size: 34px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    text-align: left !important;
}

.zs_dl::before {
    content: attr(data-company-short);
    display: block;
    margin-bottom: 10px;
    color: var(--vmic-gold);
    font-size: 11px;
    font-weight: 900;
}

.login {
    padding: 22px !important;
    border-color: rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .08) !important;
}

.zsdlk,
.input-group {
    margin-bottom: 14px !important;
}

.zsdlk input,
.zskuang {
    width: 100% !important;
    height: 46px !important;
    padding: 0 12px 0 46px !important;
    border-color: rgba(255, 255, 255, .22) !important;
    background: rgba(255, 255, 255, .12) !important;
    color: var(--vmic-white) !important;
}

.input-group-addon2 {
    z-index: 2;
}

.buttons span,
.buttons a {
    color: rgba(255, 255, 255, .78) !important;
}

.buttons a.register {
    color: var(--vmic-gold) !important;
}

.wapy,
.novice_box {
    background: var(--vmic-paper) !important;
}

.product_banner {
    margin: 0 !important;
    padding: 72px 18px 22px !important;
    background:
        linear-gradient(135deg, var(--vmic-blue), var(--vmic-blue-2)) !important;
    color: var(--vmic-white) !important;
}

.product_banner .title_text,
.product_banner .cash,
.product_banner .tip,
.product_banner h5,
.product_banner strong,
.product_banner p {
    color: var(--vmic-white) !important;
}

.product_banner .title_text::before {
    content: "";
    display: none;
    margin-bottom: 8px;
    color: var(--vmic-gold);
    font-size: 10px;
    font-weight: 900;
}

.product_banner .cash i {
    color: var(--vmic-white) !important;
    font-size: 46px !important;
}

.product_banner .list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 18px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08) !important;
}

.product_banner .list li {
    width: auto !important;
    background: transparent !important;
    color: var(--vmic-white) !important;
}

.tab_btn li.on,
.tab_btn li {
    color: var(--vmic-blue) !important;
    background: var(--vmic-white) !important;
}

.tab_btn li.on {
    border-bottom: 2px solid var(--vmic-gold) !important;
}

@media (max-width: 380px) {
    .vmic-mobile-hero h1,
    .zs_dl,
    .zichan font {
        font-size: 29px !important;
    }

    .yuene dl {
        grid-template-columns: 1fr;
    }
}

/* Active bluev3 client template */
.vmic-bluev3-login,
.vmic-bluev3-home,
.vmic-bluev3-user {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto !important;
    background: var(--vmic-paper) !important;
}

.vmic-bluev3-login {
    min-height: 100vh;
    background:
        linear-gradient(180deg, rgba(5, 19, 35, .96), rgba(10, 29, 51, .9)),
        var(--vmic-blue) !important;
}

.vmic-bluev3-login .main {
    display: grid;
    min-height: 100vh;
    align-items: center;
    padding: 28px 18px;
    background: transparent !important;
}

.vmic-bluev3-login div.login {
    width: min(420px, 100%) !important;
    margin: 0 auto !important;
    padding: 24px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .08) !important;
    box-shadow: var(--vmic-shadow) !important;
}

.vmic-bluev3-login div.login::before {
    content: attr(data-company-short);
    display: block;
    margin-bottom: 14px;
    color: var(--vmic-gold);
    font-size: 11px;
    font-weight: 900;
}

.vmic-bluev3-login .title h2,
.vmic-bluev3-login .title h3,
.vmic-bluev3-login .loginTitle,
.vmic-bluev3-login label,
.vmic-bluev3-login .f14,
.vmic-bluev3-login a {
    color: rgba(255, 255, 255, .84) !important;
}

.vmic-bluev3-login .title h2 {
    color: var(--vmic-white) !important;
    font-size: 30px !important;
    font-weight: 760;
}

.vmic-bluev3-login .title h3 {
    color: rgba(255, 255, 255, .68) !important;
    font-size: 15px !important;
}

.vmic-bluev3-login .field {
    height: 48px !important;
    margin-bottom: 14px !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .12) !important;
}

.vmic-bluev3-login .field i {
    color: rgba(255, 255, 255, .62) !important;
}

.vmic-bluev3-login .field input,
.vmic-bluev3-login select {
    border: 0 !important;
    background: transparent !important;
    color: var(--vmic-white) !important;
}

.vmic-bluev3-login .login.layui-btn,
.vmic-bluev3-login button.login,
.vmic-bluev3-login .reg {
    min-height: 44px;
    border-radius: 0 !important;
    font-weight: 900 !important;
}

.vmic-bluev3-login button.login {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid var(--vmic-white) !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-blue) !important;
}

.vmic-bluev3-login button.login::before {
    content: none !important;
    display: none !important;
}

.vmic-bluev3-login .reg {
    border: 1px solid rgba(255, 255, 255, .36) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: var(--vmic-white) !important;
}

.vmic-bluev3-home .head,
.vmic-bluev3-user .head {
    background: #071728 !important;
    color: var(--vmic-white) !important;
    box-shadow: 0 12px 28px rgba(4, 18, 32, .2);
}

.vmic-bluev3-home .h134 {
    display: none !important;
}

.vmic-bluev3-hero {
    margin-top: .76rem;
    padding-top: 28px;
}

.vmic-bluev3-home .main,
.vmic-bluev3-home .idxlist,
.vmic-bluev3-user {
    background: var(--vmic-paper) !important;
}

.vmic-bluev3-home .menu ul,
.vmic-bluev3-home .swiperbox,
.vmic-bluev3-home .idx03,
.vmic-bluev3-home .index-news,
.vmic-bluev3-home .idxlist ul,
.vmic-bluev3-home .tier,
.vmic-bluev3-user .mber03,
.vmic-bluev3-user .mber04 {
    border: 1px solid var(--vmic-line) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: none !important;
}

.vmic-bluev3-home .menu ul {
    margin-top: .2rem !important;
}

.vmic-bluev3-home .menu ul p,
.vmic-bluev3-home .index-news-title,
.vmic-bluev3-home .index-news-item h3,
.vmic-bluev3-home .f30,
.vmic-bluev3-home .f32,
.vmic-bluev3-user .mber03 .b,
.vmic-bluev3-user .mber04 p {
    color: var(--vmic-blue) !important;
    font-weight: 900 !important;
}

.vmic-bluev3-home .index-news-title::before,
.vmic-bluev3-home .idx03-label::before {
    content: "";
    display: none;
    color: var(--vmic-gold);
    font-size: .18rem;
    font-weight: 900;
    line-height: 1.4;
}

.vmic-bluev3-user .mber03::before,
.vmic-bluev3-user .mber04::before {
    content: attr(data-company-short);
    display: block;
    color: var(--vmic-gold);
    font-size: .18rem;
    font-weight: 900;
    line-height: 1.4;
}

.vmic-bluev3-home .idx03-label {
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
}

.vmic-bluev3-home .idx03-content marquee,
.vmic-bluev3-home .index-news-title a,
.vmic-bluev3-home .index-news-more,
.vmic-bluev3-home .f-d6,
.vmic-bluev3-user .f-d6 {
    color: var(--vmic-blue-3) !important;
}

.vmic-bluev3-home .index-news-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    clear: both !important;
    position: relative !important;
    z-index: 2 !important;
    min-width: 2.5rem !important;
    width: max-content !important;
    max-width: calc(100% - .4rem) !important;
    min-height: .62rem !important;
    margin: .24rem auto 0 !important;
    padding: 0 .34rem !important;
    border: 1px solid var(--vmic-blue) !important;
    border-radius: .31rem !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-size: .24rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
}

.vmic-bluev3-home .foot-nav,
.vmic-bluev3-user .foot-nav {
    border-top: 1px solid var(--vmic-line) !important;
    background: rgba(255, 255, 255, .96) !important;
}

body.vmic-bluev3-home {
    padding-bottom: calc(1.24rem + env(safe-area-inset-bottom, 0px)) !important;
}

body.vmic-bluev3-home .foot-nav {
    height: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    box-sizing: border-box !important;
}

.vmic-bluev3-home .foot-nav a,
.vmic-bluev3-user .foot-nav a {
    color: var(--vmic-muted) !important;
}

.vmic-bluev3-home .foot-nav a.cur,
.vmic-bluev3-user .foot-nav a.cur {
    color: var(--vmic-blue-3) !important;
}

.vmic-bluev3-user .mber02 {
    position: relative;
    overflow: hidden;
    min-height: 2.6rem;
    padding-top: .36rem;
    background:
        linear-gradient(135deg, var(--vmic-blue), var(--vmic-blue-2)) !important;
}

.vmic-bluev3-user .mber02::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.15) 1px, transparent 1px);
    background-size: 52px 52px;
}

.vmic-bluev3-user .mber02 > * {
    position: relative;
    z-index: 1;
}

.vmic-bluev3-user .mber03 {
    margin-top: -.5rem !important;
}

.vmic-bluev3-user .bigra,
.vmic-bluev3-user .smallra {
    border-radius: 0 !important;
}

.vmic-bluev3-user .bigra {
    background: rgba(31, 92, 134, .1) !important;
}

.vmic-bluev3-user .smallra {
    border: 1px solid var(--vmic-line);
    background: var(--vmic-white) !important;
}

.vmic-bluev3-user .mber04 a[style*="background"] {
    border: 1px solid var(--vmic-white) !important;
    border-radius: 0 !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-weight: 900;
}

/* Final client polish: keep the active user pages aligned with the public VMIC site. */
body.vmic-client,
body.vmic-bluev3-home,
body.vmic-bluev3-login,
body.vmic-bluev3-user {
    background: var(--vmic-paper) !important;
    color: var(--vmic-ink);
}

body.vmic-client *,
body.vmic-bluev3-home *,
body.vmic-bluev3-login *,
body.vmic-bluev3-user * {
    letter-spacing: 0 !important;
}

body.vmic-client .top,
body.vmic-client .header,
body.vmic-client .head,
body.vmic-bluev3-home .head,
body.vmic-bluev3-user .head {
    background: #071728 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
    box-shadow: 0 12px 28px rgba(4, 18, 32, .18) !important;
}

body.vmic-client .top a,
body.vmic-client .header a,
body.vmic-client .head a,
body.vmic-bluev3-home .head a,
body.vmic-bluev3-user .head a {
    color: rgba(255, 255, 255, .92) !important;
}

body.vmic-client .vmic-mobile-hero,
body.vmic-bluev3-home .vmic-mobile-hero,
body.vmic-bluev3-user .mber02,
body.vmic-client .product_banner,
body.vmic-client .topadd {
    border-radius: 0 !important;
    background:
        linear-gradient(90deg, rgba(5, 19, 35, .98), rgba(5, 19, 35, .78) 58%, rgba(5, 19, 35, .46)),
        linear-gradient(135deg, var(--vmic-blue), var(--vmic-blue-2)) !important;
}

body.vmic-client .vmic-mobile-hero::after,
body.vmic-bluev3-home .vmic-mobile-hero::after,
body.vmic-bluev3-user .mber02::after,
body.vmic-client .topadd::after {
    opacity: .2;
    background-size: 58px 58px;
}

body.vmic-client .index-news,
body.vmic-client .index-nav,
body.vmic-client .itemList,
body.vmic-client .myinfo,
body.vmic-client .details,
body.vmic-client .huiyuan,
body.vmic-client .tagMenu,
body.vmic-bluev3-home .menu ul,
body.vmic-bluev3-home .swiperbox,
body.vmic-bluev3-home .idx03,
body.vmic-bluev3-home .index-news,
body.vmic-bluev3-home .idxlist ul,
body.vmic-bluev3-user .mber03,
body.vmic-bluev3-user .mber04 {
    border: 1px solid var(--vmic-line) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: none !important;
}

body.vmic-client .index-news-title,
body.vmic-bluev3-home .index-news-title,
body.vmic-bluev3-home .f30,
body.vmic-bluev3-home .f32,
body.vmic-bluev3-user .mber03 .b,
body.vmic-bluev3-user .mber04 p,
body.vmic-client h1,
body.vmic-client h2,
body.vmic-client h3 {
    color: var(--vmic-blue) !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-home .vmic-mobile-hero h1,
body.vmic-bluev3-login .title h2,
body.vmic-client .vmic-mobile-hero h1,
body.vmic-client .product_banner h5,
body.vmic-client .product_banner strong {
    color: var(--vmic-white) !important;
}

body.vmic-bluev3-login .main {
    display: flex !important;
    min-height: 100vh !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 72px 18px 32px !important;
    background:
        linear-gradient(180deg, rgba(5, 19, 35, .96), rgba(10, 29, 51, .88)),
        var(--vmic-blue) !important;
}

body.vmic-bluev3-login div.login {
    width: min(420px, 100%) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 24px !important;
    overflow: visible !important;
}

body.vmic-bluev3-login .form {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

body.vmic-bluev3-login .title {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0 0 22px !important;
}

body.vmic-bluev3-login .title h2 {
    margin: 0 0 8px !important;
    font-size: 34px !important;
    line-height: 1.08 !important;
}

body.vmic-bluev3-login .title h3 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

body.vmic-bluev3-login .loginTitle {
    padding: 0 0 16px !important;
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
}

body.vmic-bluev3-login .field {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 0 14px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    background: rgba(255, 255, 255, .12) !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-login .field i {
    flex: 0 0 24px !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body.vmic-bluev3-login .field input {
    flex: 1 1 auto !important;
    width: auto !important;
    height: 44px !important;
    min-width: 0 !important;
    padding: 0 0 0 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--vmic-white) !important;
    line-height: 44px !important;
}

body.vmic-bluev3-login .layui-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

body.vmic-bluev3-login .layui-row > .layui-col-xs6 {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
}

body.vmic-bluev3-login .plr35 {
    padding: 0 !important;
}

body.vmic-bluev3-login .pt30 {
    padding-top: 24px !important;
}

body.vmic-bluev3-login #remember {
    width: 16px !important;
    height: 16px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

body.vmic-client .f-d6,
body.vmic-bluev3-home .f-d6,
body.vmic-bluev3-user .f-d6,
body.vmic-client font[color="#FF6600"],
body.vmic-client font[color="#ff0000"],
body.vmic-client font[color="#FF0000"] {
    color: var(--vmic-blue-3) !important;
}

body.vmic-client .btn,
body.vmic-client .btn_orange,
body.vmic-client .btn_hui,
body.vmic-client .sub01,
body.vmic-client .sub02,
body.vmic-client .index-news-more,
body.vmic-bluev3-home .index-news-more,
body.vmic-bluev3-user .mber04 a,
body.vmic-bluev3-login button,
body.vmic-bluev3-login .reg {
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.vmic-client .btn_orange,
body.vmic-client .sub01,
body.vmic-client .novice_btn,
body.vmic-bluev3-login button.login,
body.vmic-bluev3-user .mber04 a[style*="background"] {
    border: 1px solid var(--vmic-blue) !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
}

body.vmic-client input,
body.vmic-client select,
body.vmic-client textarea,
body.vmic-bluev3-home input,
body.vmic-bluev3-home select,
body.vmic-bluev3-home textarea,
body.vmic-bluev3-user input,
body.vmic-bluev3-user select,
body.vmic-bluev3-user textarea {
    border: 1px solid var(--vmic-line) !important;
    border-radius: 0 !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-bluev3-login input,
body.vmic-bluev3-login select,
body.vmic-bluev3-login textarea {
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .12) !important;
    color: var(--vmic-white) !important;
}

/* Active product and account pages that bypass the bluev3 base layout. */
body.vmic-bluev3-home .head {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
}

body.vmic-bluev3-home {
    padding-top: 0 !important;
}

body.vmic-bluev3-home .vmic-bluev3-hero {
    margin-top: 0 !important;
}

body.vmic-bluev3-home .main {
    margin-top: 0 !important;
}

body.vmic-client .othertop,
body.vmic-client header,
body.vmic-client .blackHeader {
    background: #071728 !important;
    color: var(--vmic-white) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
    box-shadow: 0 12px 28px rgba(4, 18, 32, .16) !important;
}

body.vmic-client .othertop-font,
body.vmic-client .headerTitle,
body.vmic-client header span {
    color: var(--vmic-white) !important;
    font-weight: 900 !important;
}

body.vmic-client .goback img,
body.vmic-client .backImg {
    filter: brightness(0) invert(1) !important;
}

body.vmic-client .header-nbsp {
    height: 52px !important;
    background: transparent !important;
}

body.vmic-client .swiper-slide,
body.vmic-client .ad,
body.vmic-client .pro_box {
    background: var(--vmic-paper) !important;
}

body.vmic-client .swiper-slide > ul,
body.vmic-client .ad,
body.vmic-client .tier,
body.vmic-client .details_top,
body.vmic-client .explain_outer,
body.vmic-client .buy_box {
    display: block !important;
    margin: 12px !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: none !important;
}

body.vmic-client .swiper-slide > ul {
    padding: 16px 0 !important;
}

body.vmic-client .swiper-slide .layui-col-xs4 i {
    border-radius: 0 !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
}

body.vmic-client .ad img {
    border-radius: 0 !important;
    filter: saturate(.74) contrast(1.03) !important;
}

body.vmic-client .pro_box {
    width: auto !important;
}

body.vmic-client .tier {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: var(--vmic-ink) !important;
}

body.vmic-client .tier .info-box {
    padding: 0 !important;
}

body.vmic-client .tier .ib-head,
body.vmic-client .tier .ib-head[style] {
    height: auto !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    border-radius: 0 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

body.vmic-client .tier .ib-body {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 18px 12px 10px !important;
    border-bottom: 1px solid var(--vmic-line) !important;
}

body.vmic-client .tier .ib-body .cl-3 {
    padding: 0 4px !important;
    text-align: center !important;
}

body.vmic-client .tier .ib-body .red,
body.vmic-client .tier .ib-body .red b,
body.vmic-client .tier .ib-foot span[style],
body.vmic-client .tier .ib-foot .red {
    color: var(--vmic-blue-3) !important;
}

body.vmic-client .tier .ib-foot {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 14px !important;
}

body.vmic-client .tier .ib-foot p {
    color: var(--vmic-muted) !important;
    line-height: 1.7 !important;
}

body.vmic-client .tier .ib-foot .now-btn,
body.vmic-client .now-btn,
body.vmic-client .buy_btn,
body.vmic-client input[type="button"] {
    min-width: 112px !important;
    min-height: 40px !important;
    border: 1px solid var(--vmic-blue) !important;
    border-radius: 0 !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-weight: 900 !important;
}

body.vmic-client .tier .plan-con,
body.vmic-client .progress1 {
    background: var(--vmic-blue-3) !important;
    border-radius: 0 !important;
}

body.vmic-client .tier .plan-wrap,
body.vmic-client .progressBox1 {
    background: #d9e0e6 !important;
    border-radius: 0 !important;
}

body.vmic-bluev3-user .mber02 {
    height: 228px !important;
    min-height: 228px !important;
    max-height: 228px !important;
    padding: 58px 20px 24px !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-user .mber02 > a:first-child {
    position: absolute !important;
    top: 18px !important;
    left: 18px !important;
    right: auto !important;
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
}

body.vmic-bluev3-user .mber02 > a:first-child i {
    font-size: 28px !important;
    line-height: 1 !important;
    color: var(--vmic-white) !important;
}

body.vmic-bluev3-user .mber02 p {
    display: inline-block !important;
    margin: 0 16px 0 0 !important;
    vertical-align: middle !important;
}

body.vmic-bluev3-user .mber02 p img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    background: rgba(255, 255, 255, .94) !important;
}

body.vmic-bluev3-user .mber02 .font {
    display: inline-block !important;
    max-width: calc(100% - 96px) !important;
    vertical-align: middle !important;
    color: var(--vmic-white) !important;
}

body.vmic-bluev3-user .user-name-small,
body.vmic-bluev3-user .real-name-large {
    color: var(--vmic-white) !important;
}

body.vmic-bluev3-user .mber03 {
    margin-top: -28px !important;
}

body.vmic-bluev3-user .mber04 {
    margin-bottom: 86px !important;
}

body.vmic-bluev3-user .mber04 ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px 8px !important;
}

body.vmic-bluev3-user .mber04 li {
    float: none !important;
    width: auto !important;
}

body.vmic-bluev3-home section.vmic-mobile-hero.vmic-bluev3-hero {
    margin-top: 0 !important;
}

/* Spacing contract: keep legacy layout metrics 1:1; theme only changes color/border/type. */
body.vmic-bluev3-login .main {
    display: block !important;
    min-height: 100vh !important;
    padding: 0 !important;
}

body.vmic-bluev3-login div.login {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.vmic-bluev3-login div.login::before {
    content: none !important;
    display: none !important;
}

body.vmic-bluev3-login .form {
    position: absolute !important;
    top: 15vh !important;
    left: 50% !important;
    width: 325px !important;
    padding-bottom: 30px !important;
    transform: translate(-50%, 0) !important;
}

body.vmic-bluev3-login .title {
    position: absolute !important;
    top: -70px !important;
    left: 0 !important;
    margin: 0 !important;
}

body.vmic-bluev3-login .loginTitle {
    padding: 28px 0 20px !important;
    text-align: center !important;
    font-size: 16px !important;
}

body.vmic-bluev3-login .field {
    display: block !important;
    width: 80% !important;
    height: 35px !important;
    margin-left: 10% !important;
    margin-bottom: 14px !important;
    padding-top: 7.5px !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
}

body.vmic-bluev3-login .field input {
    width: 200px !important;
    height: auto !important;
    padding-left: 10px !important;
    line-height: normal !important;
}

body.vmic-bluev3-login .layui-row {
    display: block !important;
    gap: normal !important;
}

body.vmic-bluev3-login .layui-row > .layui-col-xs6 {
    float: left !important;
    width: 50% !important;
}

body.vmic-bluev3-login .plr35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

body.vmic-bluev3-login .pt30 {
    padding-top: 30px !important;
}

body.vmic-bluev3-login .vmic-login-code-btn {
    left: 176px !important;
    top: -2px !important;
    width: 80px !important;
    height: 35px !important;
    line-height: 35px !important;
    padding: 0 !important;
}

body.vmic-bluev3-login button.login,
body.vmic-bluev3-login .reg {
    width: 110px !important;
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 18px !important;
}

body.vmic-bluev3-login .form > div:first-child {
    position: relative !important;
    z-index: 30 !important;
}

body.vmic-bluev3-login #status {
    position: relative !important;
    z-index: 31 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    border: 1px solid rgba(255, 255, 255, .42) !important;
    background: rgba(255, 255, 255, .14) !important;
    color: var(--vmic-white) !important;
}

body.vmic-bluev3-login #status option {
    background: var(--vmic-white) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-bluev3-login .title {
    z-index: 1 !important;
    pointer-events: none !important;
}

body.vmic-bluev3-login button.login,
body.vmic-bluev3-login input.login,
body.vmic-bluev3-login .vmic-login-code-btn {
    border-color: rgba(255, 255, 255, .28) !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-login button.login:hover,
body.vmic-bluev3-login button.login:focus,
body.vmic-bluev3-login input.login:hover,
body.vmic-bluev3-login input.login:focus,
body.vmic-bluev3-login .vmic-login-code-btn:hover,
body.vmic-bluev3-login .vmic-login-code-btn:focus {
    border-color: rgba(255, 255, 255, .46) !important;
    background: var(--vmic-blue-soft) !important;
    color: var(--vmic-white) !important;
}

body.vmic-bluev3-home {
    padding-top: 48.925px !important;
}

body.vmic-bluev3-home .head {
    display: block !important;
    height: .76rem !important;
    min-height: 0 !important;
}

body.vmic-bluev3-home section.vmic-mobile-hero.vmic-bluev3-hero {
    margin-top: 0 !important;
}

body.vmic-client .tier {
    display: inline-block !important;
    width: auto !important;
    margin: 0 0 .1rem !important;
}

body.vmic-client .tier .info-box {
    padding: 5px !important;
}

body.vmic-client .tier .ib-head,
body.vmic-client .tier .ib-head[style] {
    height: auto !important;
    min-height: 0 !important;
    padding: 3px 0 !important;
    font-size: 3.8vw !important;
}

body.vmic-client .tier .ib-body {
    display: flex !important;
    grid-template-columns: none !important;
    gap: normal !important;
    padding: 0 4vw !important;
}

body.vmic-client .tier .ib-body .cl-3 {
    padding: 2.5vw 0 !important;
}

body.vmic-client .tier .ib-body .cl-3 p,
body.vmic-client .tier .ib-foot p {
    margin: 1vw 0 !important;
}

body.vmic-client .tier .ib-foot {
    display: flex !important;
    grid-template-columns: none !important;
    gap: normal !important;
    padding: 0 4vw !important;
}

body.vmic-client .tier .ib-foot .now-btn,
body.vmic-client .now-btn {
    min-width: 0 !important;
    min-height: 0 !important;
    margin-top: 1vw !important;
}

body.vmic-client .tier .plan {
    display: flex !important;
    padding: 0 4vw !important;
}

body.vmic-bluev3-user .mber02 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: .25rem !important;
    padding-top: .34rem !important;
    padding-bottom: 1.2rem !important;
}

body.vmic-bluev3-user .mber02 > a:first-child {
    top: .3rem !important;
    right: .2rem !important;
    left: auto !important;
    width: .5rem !important;
    height: .5rem !important;
}

body.vmic-bluev3-user .mber02 > a:first-child i {
    font-size: .5rem !important;
}

body.vmic-bluev3-user .mber02 p {
    margin: 0 !important;
}

body.vmic-bluev3-user .mber02 p img {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

body.vmic-bluev3-user .mber02 .font {
    max-width: none !important;
}

body.vmic-bluev3-user .mber03 {
    margin-top: -1rem !important;
}

body.vmic-bluev3-user .mber04 {
    margin-bottom: 0 !important;
}

body.vmic-bluev3-user .mber04 ul {
    display: block !important;
    grid-template-columns: none !important;
    gap: normal !important;
}

body.vmic-bluev3-user .mber04 li {
    float: left !important;
    width: 33.33333333% !important;
}

body.vmic-bluev3-user .vmic-icon-withdraw-record {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: .6rem !important;
    height: .6rem !important;
    border: 1px solid #d6dde8 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    color: #17345d !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

body.vmic-bluev3-user .vmic-icon-withdraw-record::before {
    content: "" !important;
    width: .18rem !important;
    height: .18rem !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: translateY(-.04rem) rotate(45deg) !important;
}

body.vmic-bluev3-user .vmic-icon-withdraw-record::after {
    content: "" !important;
    position: absolute !important;
    bottom: .14rem !important;
    width: .24rem !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
}

body.vmic-bluev3-user .vmic-icon-bank-card {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: .6rem !important;
    height: .6rem !important;
    border: 1px solid #d6dde8 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    color: #17345d !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

body.vmic-bluev3-user .vmic-icon-bank-card::before {
    content: "" !important;
    width: .34rem !important;
    height: .23rem !important;
    border: 2px solid currentColor !important;
    border-radius: .04rem !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-user .vmic-icon-bank-card::after {
    content: "" !important;
    position: absolute !important;
    top: .24rem !important;
    width: .25rem !important;
    height: 2px !important;
    background: currentColor !important;
    box-shadow: 0 .08rem 0 -.02rem currentColor !important;
}

body.vmic-bluev3-user .mber04 ul {
    overflow: hidden !important;
}

body.vmic-bluev3-user .mber04 li {
    min-height: 1.34rem !important;
    margin: 0 0 .18rem !important;
    text-align: center !important;
}

body.vmic-bluev3-user .mber04 li a {
    display: block !important;
    min-height: 1.12rem !important;
}

body.vmic-bluev3-user .mber04 li p {
    min-height: .36rem !important;
    padding-top: .16rem !important;
    padding-bottom: .1rem !important;
    line-height: .28rem !important;
    word-break: break-word !important;
}

body.vmic-bluev3-user .mber04 li p.vmic-cert-alert {
    color: #d93025 !important;
}

body.vmic-bluev3-user .mber02 {
    min-height: 2.36rem !important;
    padding: .42rem .32rem .46rem !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-settings {
    position: absolute !important;
    top: .24rem !important;
    right: .24rem !important;
    left: auto !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: .56rem !important;
    height: .56rem !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-settings i {
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    font-size: .34rem !important;
    line-height: 1 !important;
    color: #fff !important;
}

body.vmic-bluev3-user .vmic-user-profile {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: .22rem !important;
    min-height: 1.08rem !important;
    padding-right: .72rem !important;
    color: #fff !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar {
    flex: 0 0 .9rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: .9rem !important;
    height: .9rem !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .12) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 50% !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-meta {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: .1rem !important;
}

body.vmic-bluev3-user .mber02 .font {
    display: block !important;
    max-width: 100% !important;
    padding-top: 0 !important;
    color: #fff !important;
    font-size: .34rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
}

body.vmic-bluev3-user .mber02 .member-identity {
    max-width: 100% !important;
}

body.vmic-bluev3-user .mber02 .user-name-small {
    font-size: .22rem !important;
    line-height: .3rem !important;
    opacity: .82 !important;
    color: #fff !important;
}

body.vmic-bluev3-user .mber02 .real-name-large {
    font-size: .34rem !important;
    line-height: .42rem !important;
    color: #fff !important;
}

body.vmic-bluev3-user .vmic-user-status {
    display: inline-flex !important;
    max-width: 100% !important;
    padding: .06rem .14rem !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .16) !important;
    color: rgba(255, 255, 255, .9) !important;
    font-size: .2rem !important;
    font-weight: 800 !important;
    line-height: .28rem !important;
    word-break: break-word !important;
}

body.vmic-bluev3-user .vmic-user-status.is-unverified {
    background: rgba(217, 48, 37, .18) !important;
    color: #ffd7d4 !important;
}

body.vmic-bluev3-user .vmic-user-status.is-verified {
    background: rgba(32, 160, 94, .18) !important;
    color: #d9f8e7 !important;
}

body.vmic-bluev3-user .mber02 {
    min-height: 2.18rem !important;
    padding: .34rem .32rem .58rem !important;
}

body.vmic-bluev3-user .vmic-user-profile {
    align-items: flex-start !important;
    gap: .18rem !important;
    min-height: .92rem !important;
    padding-top: .02rem !important;
    padding-right: .78rem !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar {
    flex-basis: .72rem !important;
    width: .72rem !important;
    height: .72rem !important;
    margin-top: .02rem !important;
    border-color: rgba(255, 255, 255, .48) !important;
    background: rgba(255, 255, 255, .16) !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar i {
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    color: #fff !important;
    font-size: .38rem !important;
    line-height: 1 !important;
}

body.vmic-bluev3-user .mber02 .font {
    color: #fff !important;
    font-size: .28rem !important;
    line-height: .36rem !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .18) !important;
}

body.vmic-bluev3-user .vmic-user-phone {
    display: block !important;
    max-width: 100% !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: .22rem !important;
    font-weight: 700 !important;
    line-height: .3rem !important;
    word-break: break-word !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .16) !important;
}

body.vmic-bluev3-user .mber03 {
    margin-top: -.48rem !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar {
    position: relative !important;
    flex: 0 0 .72rem !important;
    width: .72rem !important;
    height: .72rem !important;
    overflow: hidden !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar::before {
    content: "" !important;
    position: absolute !important;
    top: .15rem !important;
    left: 50% !important;
    width: .2rem !important;
    height: .2rem !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: .13rem !important;
    width: .36rem !important;
    height: .2rem !important;
    border: 2px solid #fff !important;
    border-bottom: 0 !important;
    border-radius: .36rem .36rem 0 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-user .mber02 .font {
    font-size: .36rem !important;
    line-height: .44rem !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-user .vmic-user-phone {
    font-size: .22rem !important;
    line-height: .28rem !important;
    font-weight: 700 !important;
}

body.vmic-bluev3-user .vmic-user-profile {
    align-items: center !important;
    gap: .16rem !important;
    min-height: .8rem !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar {
    flex: 0 0 .72rem !important;
    width: .72rem !important;
    height: .72rem !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar::before {
    top: .16rem !important;
    width: .24rem !important;
    height: .24rem !important;
    border-color: #d9b26f !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar::after {
    bottom: .12rem !important;
    width: .42rem !important;
    height: .22rem !important;
    border-color: #d9b26f !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-meta {
    gap: .02rem !important;
}

body.vmic-bluev3-user .vmic-user-name {
    display: block !important;
    max-width: 100% !important;
    color: #fff !important;
    font-size: .2rem !important;
    font-weight: 700 !important;
    line-height: .26rem !important;
    word-break: break-word !important;
}

body.vmic-bluev3-user .vmic-user-phone {
    color: rgba(255, 255, 255, .86) !important;
    font-size: .2rem !important;
    line-height: .26rem !important;
}

body.vmic-bluev3-user .mber02 .font {
    color: #fff !important;
    font-size: .34rem !important;
    line-height: .4rem !important;
}

body.vmic-bluev3-user .vmic-user-profile {
    align-items: center !important;
    gap: .18rem !important;
    min-height: .72rem !important;
    padding-right: .78rem !important;
    overflow: hidden !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar {
    flex: 0 0 .72rem !important;
    width: .72rem !important;
    height: .72rem !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar::before,
body.vmic-bluev3-user .mber02 .vmic-user-avatar::after {
    content: none !important;
    display: none !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-meta {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: .12rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

body.vmic-bluev3-user .mber02 .font {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 2.1rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: .34rem !important;
    line-height: .4rem !important;
}

body.vmic-bluev3-user .vmic-user-name,
body.vmic-bluev3-user .vmic-user-phone {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 1.8rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: .2rem !important;
    line-height: .28rem !important;
    font-weight: 700 !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-profile {
    position: absolute !important;
    left: .32rem !important;
    top: .48rem !important;
    right: .92rem !important;
    z-index: 5 !important;
    display: flex !important;
    align-items: center !important;
    gap: .18rem !important;
    width: auto !important;
    min-height: .72rem !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-meta {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: .12rem !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

body.vmic-bluev3-user .mber02 .font,
body.vmic-bluev3-user .mber02 .vmic-user-name,
body.vmic-bluev3-user .mber02 .vmic-user-phone {
    display: inline-block !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    color: #fff !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.vmic-bluev3-user .mber02 .font {
    font-size: .32rem !important;
    line-height: .4rem !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-name,
body.vmic-bluev3-user .mber02 .vmic-user-phone {
    color: rgba(255, 255, 255, .88) !important;
    font-size: .2rem !important;
    line-height: .28rem !important;
    font-weight: 700 !important;
}

body.vmic-bluev3-home .h134 {
    display: block !important;
}

body.vmic-client .record_outer,
body.vmic-client .aui-scrollView,
body.vmic-client .aui-flexView {
    background: var(--vmic-paper) !important;
}

body.vmic-client .record_outer table,
body.vmic-client .record_outer tbody,
body.vmic-client .record_outer tr,
body.vmic-client .record_outer td,
body.vmic-client .record_outer th {
    border-color: var(--vmic-line) !important;
    background: rgba(255, 255, 255, .94) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-client .record_outer table td[style*="background"],
body.vmic-client .record_outer table th[style*="background"] {
    background: rgba(10, 29, 51, .06) !important;
    color: var(--vmic-blue) !important;
}

body.vmic-client .record_outer .layui-btn,
body.vmic-client .record_outer button,
body.vmic-client .record_outer input[type="button"],
body.vmic-client .record_outer input[type="submit"] {
    border-color: var(--vmic-gold) !important;
    background: var(--vmic-gold) !important;
    color: var(--vmic-blue) !important;
}

body.vmic-client .aui-finance-box-e,
body.vmic-client .aui-finance-fun-e {
    background: var(--vmic-paper) !important;
}

body.vmic-client .aui-finance-fun-hd-e {
    border: 1px solid var(--vmic-line) !important;
    border-left: 3px solid var(--vmic-gold) !important;
    background: rgba(255, 255, 255, .96) !important;
    color: var(--vmic-blue) !important;
    box-shadow: 0 8px 24px rgba(4, 18, 32, .08) !important;
}

body.vmic-client .aui-finance-fun-hd-e h3,
body.vmic-client .aui-finance-fun-hd-e * {
    color: var(--vmic-blue) !important;
}

body.vmic-client .aui-finance-fun-hd-e h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    text-shadow: none !important;
}

body.vmic-client .b-line {
    border-color: transparent !important;
    background: var(--vmic-paper) !important;
}

body.vmic-bluev3-user .bigra {
    background: rgba(10, 29, 51, .10) !important;
}

body.vmic-bluev3-user .smallra {
    border: 1px solid var(--vmic-line) !important;
    background: var(--vmic-white) !important;
}

body.vmic-bluev3-home .idx03-label::before,
body.vmic-bluev3-home .index-news-title::before {
    content: none !important;
    display: none !important;
}

body.vmic-client .pro_box {
    width: 100% !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: var(--vmic-paper) !important;
}

body.vmic-client .pro_box .tier {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    border: 1px solid var(--vmic-line) !important;
    border-left: 3px solid var(--vmic-gold) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 8px 22px rgba(4, 18, 32, .06) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.vmic-client .pro_box .tier .info-box {
    padding: 0 !important;
}

body.vmic-client .pro_box .tier .ib-head,
body.vmic-client .pro_box .tier .ib-head[style] {
    height: auto !important;
    min-height: 0 !important;
    padding: 11px 12px 7px !important;
    border-bottom: 1px solid var(--vmic-line) !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-blue) !important;
    line-height: 1.35 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

body.vmic-client .pro_box .tier .ib-head span {
    color: var(--vmic-blue) !important;
}

body.vmic-client .pro_box .tier .ib-body {
    display: flex !important;
    gap: 0 !important;
    padding: 10px 8px 8px !important;
    background: var(--vmic-white) !important;
    list-style: none !important;
    counter-reset: none !important;
}

body.vmic-client .pro_box .tier .ib-body .cl-3 {
    flex: 1 1 0 !important;
    width: auto !important;
    padding: 0 3px !important;
    text-align: center !important;
    display: block !important;
    list-style: none !important;
    counter-increment: none !important;
}

body.vmic-client .pro_box .tier .ib-body .cl-3::marker,
body.vmic-client .pro_box .tier .ib-body .cl-3::before {
    content: none !important;
    display: none !important;
}

body.vmic-client .pro_box .tier .ib-body .cl-3 p {
    margin: 0 !important;
    color: var(--vmic-muted) !important;
    line-height: 1.45 !important;
    font-size: 11px !important;
}

body.vmic-client .pro_box .tier .ib-body .cl-3 p:first-child {
    margin-bottom: 4px !important;
    color: var(--vmic-blue) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

body.vmic-client .pro_box .tier .ib-body .red,
body.vmic-client .pro_box .tier .ib-body .red b {
    color: var(--vmic-blue) !important;
}

body.vmic-client .pro_box .tier .ib-foot {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 6px 12px 4px !important;
    background: var(--vmic-white) !important;
}

body.vmic-client .pro_box .tier .ib-foot .text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.vmic-client .pro_box .tier .ib-foot p {
    margin: 0 0 3px !important;
    color: var(--vmic-muted) !important;
    line-height: 1.45 !important;
    font-size: 12px !important;
}

body.vmic-client .pro_box .tier .ib-foot span[style] {
    color: var(--vmic-blue) !important;
}

body.vmic-client .pro_box .tier .ib-foot .other {
    flex: 0 0 auto !important;
}

body.vmic-client .pro_box .tier .ib-foot .now-btn,
body.vmic-client .pro_box .tier .now-btn {
    min-width: 88px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid var(--vmic-blue) !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 34px !important;
}

body.vmic-client .pro_box .tier .plan {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 12px 12px !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-muted) !important;
    font-size: 12px !important;
}

body.vmic-client .pro_box .tier .plan-wrap {
    flex: 1 1 auto !important;
    height: 5px !important;
    border-radius: 0 !important;
    background: #dfe5ea !important;
    overflow: hidden !important;
}

body.vmic-client .pro_box .tier .plan-con {
    height: 100% !important;
    border-radius: 0 !important;
    background: var(--vmic-gold) !important;
}

body.vmic-client .pro_box .tier .plan-text {
    min-width: 34px !important;
    color: var(--vmic-muted) !important;
    text-align: right !important;
}

body.vmic-client > .swiper-slide {
    padding: 10px 12px 8px !important;
    background: var(--vmic-paper) !important;
}

body.vmic-client > .swiper-slide > ul {
    margin: 0 0 10px !important;
    padding: 12px 0 !important;
    border: 1px solid var(--vmic-line) !important;
    background: var(--vmic-white) !important;
    box-shadow: none !important;
}

body.vmic-client > .swiper-slide .layui-col-xs4 i {
    width: 24px !important;
    height: 24px !important;
    border-radius: 0 !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-size: 13px !important;
    line-height: 24px !important;
}

body.vmic-client > .swiper-slide .layui-col-xs4 p {
    margin-top: 4px !important;
    color: var(--vmic-blue) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

body.vmic-client > .swiper-slide .ad {
    margin: 0 !important;
    border: 1px solid var(--vmic-line) !important;
    background: var(--vmic-white) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.vmic-client > .swiper-slide .ad img {
    display: block !important;
    width: 100% !important;
    border-radius: 0 !important;
    filter: saturate(.9) contrast(1.02) !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-profile {
    position: absolute !important;
    left: .32rem !important;
    top: .48rem !important;
    right: .92rem !important;
    z-index: 50 !important;
    display: flex !important;
    align-items: center !important;
    gap: .18rem !important;
    width: auto !important;
    min-height: .72rem !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-meta {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: .12rem !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

body.vmic-bluev3-user .mber02 .font,
body.vmic-bluev3-user .mber02 .vmic-user-name,
body.vmic-bluev3-user .mber02 .vmic-user-phone {
    display: inline-block !important;
    width: auto !important;
    min-width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    color: #fff !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

body.vmic-bluev3-user .mber02 .font {
    font-size: .32rem !important;
    line-height: .4rem !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-name,
body.vmic-bluev3-user .mber02 .vmic-user-phone {
    color: rgba(255, 255, 255, .9) !important;
    font-size: .2rem !important;
    line-height: .28rem !important;
    font-weight: 700 !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-meta {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: .04rem !important;
    overflow: hidden !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-name,
body.vmic-bluev3-user .mber02 .vmic-user-phone {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-name {
    color: #fff !important;
    font-size: .28rem !important;
    line-height: .36rem !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-user .mber02 .vmic-user-phone {
    color: rgba(255, 255, 255, .86) !important;
    font-size: .2rem !important;
    line-height: .28rem !important;
    font-weight: 700 !important;
}

body.vmic-user-settings-page {
    min-height: 100vh !important;
    background: var(--vmic-paper) !important;
}

body.vmic-user-settings-page .vmic-settings-hero {
    position: relative !important;
    min-height: 2.16rem !important;
    padding: .34rem .32rem .58rem !important;
    box-sizing: border-box !important;
    background:
        linear-gradient(135deg, rgba(10, 29, 51, .98), rgba(11, 45, 82, .96)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0, rgba(255,255,255,.05) 1px, transparent 1px, transparent 78px) !important;
    color: #fff !important;
    overflow: hidden !important;
}

body.vmic-user-settings-page .vmic-settings-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) !important;
    background-size: 58px 58px !important;
    opacity: .2 !important;
    pointer-events: none !important;
}

body.vmic-user-settings-page .vmic-settings-back {
    position: absolute !important;
    top: .24rem !important;
    right: .24rem !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: .56rem !important;
    height: .56rem !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
    box-sizing: border-box !important;
}

body.vmic-user-settings-page .vmic-settings-back i {
    color: #fff !important;
    font-size: .34rem !important;
    line-height: 1 !important;
}

body.vmic-user-settings-page .vmic-settings-profile {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: .18rem !important;
    min-height: .72rem !important;
    padding-right: .78rem !important;
}

body.vmic-user-settings-page .vmic-settings-avatar {
    flex: 0 0 .72rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: .72rem !important;
    height: .72rem !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.vmic-user-settings-page .vmic-settings-avatar img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

body.vmic-user-settings-page .vmic-settings-meta {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: .04rem !important;
}

body.vmic-user-settings-page .vmic-settings-username {
    max-width: 4.6rem !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: .28rem !important;
    font-weight: 900 !important;
    line-height: .36rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-user-settings-page .vmic-settings-phone {
    max-width: 4.6rem !important;
    overflow: hidden !important;
    color: rgba(255, 255, 255, .86) !important;
    font-size: .2rem !important;
    font-weight: 700 !important;
    line-height: .28rem !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-user-settings-page .vmic-settings-main {
    position: relative !important;
    z-index: 4 !important;
    margin-top: -.3rem !important;
    padding: 0 .22rem .6rem !important;
    box-sizing: border-box !important;
}

body.vmic-user-settings-page .vmic-settings-list {
    border: 1px solid var(--vmic-line) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 8px 24px rgba(4, 18, 32, .08) !important;
}

body.vmic-user-settings-page .vmic-settings-item {
    display: flex !important;
    align-items: center !important;
    min-height: .96rem !important;
    padding: 0 .22rem !important;
    border-bottom: 1px solid var(--vmic-line) !important;
    color: var(--vmic-blue) !important;
    box-sizing: border-box !important;
}

body.vmic-user-settings-page .vmic-settings-item:last-child {
    border-bottom: 0 !important;
}

body.vmic-user-settings-page .vmic-settings-item-icon {
    position: relative !important;
    flex: 0 0 .42rem !important;
    width: .42rem !important;
    height: .42rem !important;
    margin-right: .16rem !important;
    border: 1px solid #d6dde8 !important;
    border-radius: 50% !important;
    color: var(--vmic-blue) !important;
    box-sizing: border-box !important;
}

body.vmic-user-settings-page .vmic-settings-icon-lock::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: .08rem !important;
    width: .14rem !important;
    height: .12rem !important;
    border: 2px solid currentColor !important;
    border-bottom: 0 !important;
    border-radius: .12rem .12rem 0 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
}

body.vmic-user-settings-page .vmic-settings-icon-lock::after,
body.vmic-user-settings-page .vmic-settings-icon-shield::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: .2rem !important;
    width: .2rem !important;
    height: .14rem !important;
    border: 2px solid currentColor !important;
    border-radius: 2px !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
}

body.vmic-user-settings-page .vmic-settings-icon-shield::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: .09rem !important;
    width: .2rem !important;
    height: .24rem !important;
    border: 2px solid currentColor !important;
    border-radius: .12rem .12rem .05rem .05rem !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
}

body.vmic-user-settings-page .vmic-settings-item-icon.iconfont {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--vmic-blue) !important;
    font-size: .28rem !important;
    line-height: 1 !important;
}

body.vmic-user-settings-page .vmic-settings-item-icon.vmic-icon-bank-card {
    width: .42rem !important;
    height: .42rem !important;
    color: var(--vmic-blue) !important;
}

body.vmic-user-settings-page .vmic-settings-item-icon.vmic-icon-bank-card::before {
    width: .24rem !important;
    height: .16rem !important;
    border-width: 2px !important;
    border-radius: .03rem !important;
}

body.vmic-user-settings-page .vmic-settings-item-icon.vmic-icon-bank-card::after {
    top: .2rem !important;
    width: .18rem !important;
    height: 2px !important;
    box-shadow: 0 .06rem 0 -.02rem currentColor !important;
}

body.vmic-user-settings-page .vmic-settings-item-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: var(--vmic-blue) !important;
    font-size: .27rem !important;
    font-weight: 800 !important;
    line-height: .36rem !important;
    word-break: break-word !important;
}

body.vmic-user-settings-page .vmic-settings-item .iconfont {
    flex: 0 0 auto !important;
    color: var(--vmic-muted) !important;
    font-size: .28rem !important;
}

body.vmic-user-settings-page .vmic-settings-logout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 82% !important;
    min-height: .78rem !important;
    margin: 1.08rem auto 0 !important;
    border: 1px solid rgba(201, 49, 43, .3) !important;
    border-radius: .42rem !important;
    background: rgba(201, 49, 43, .08) !important;
    color: #c3312b !important;
    font-size: .3rem !important;
    font-weight: 900 !important;
    line-height: .38rem !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    html {
        min-height: 100% !important;
        background: #eef1f5 !important;
    }

    body[class*="vmic-"] {
        width: 100% !important;
        max-width: 450px !important;
        min-height: 100vh !important;
        margin: 0 auto !important;
        overflow-x: hidden !important;
        background: #f6f7fb !important;
        box-shadow: 0 0 0 1px rgba(15, 23, 42, .06), 0 18px 50px rgba(15, 23, 42, .12) !important;
    }

    body[class*="vmic-"]::before,
    body[class*="vmic-"]::after {
        content: attr(data-vmic-watermark) !important;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        z-index: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc((100vw - 450px) / 2) !important;
        min-width: 0 !important;
        overflow: hidden !important;
        color: rgba(72, 84, 101, .11) !important;
        font-size: 44px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        text-transform: uppercase !important;
        transform: rotate(-28deg) !important;
        pointer-events: none !important;
        user-select: none !important;
    }

    body[class*="vmic-"]::before {
        left: 0 !important;
    }

    body[class*="vmic-"]::after {
        right: 0 !important;
    }

    body[class*="vmic-"] > * {
        position: relative;
        z-index: 1;
    }

    body[class*="vmic-"] .mobile,
    body[class*="vmic-"] .main {
        max-width: 450px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .head,
    body[class*="vmic-"] .othertop,
    body.vmic-client header,
    body.vmic-client footer,
    body[class*="vmic-"] .foot-nav,
    body[class*="vmic-"] .footer_nav,
    body[class*="vmic-"] .go_top,
    body[class*="vmic-"] .invest_btn,
    body[class*="vmic-"] .detailBtn,
    body[class*="vmic-"] .vmic-settings-hero,
    body[class*="vmic-"] .vmic-checkout-bar {
        left: 50% !important;
        right: auto !important;
        width: 100% !important;
        max-width: 450px !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .go_top {
        left: calc(50% + 185px) !important;
        right: auto !important;
        width: auto !important;
        transform: none !important;
    }

    body[class*="vmic-"] .swiper-slide > ul,
    body[class*="vmic-"] .ad,
    body[class*="vmic-"] .details_top,
    body[class*="vmic-"] .details_foot,
    body[class*="vmic-"] .explain_outer,
    body[class*="vmic-"] .buy_box,
    body[class*="vmic-"] .user_zx_right,
    body[class*="vmic-"] .myinfo,
    body[class*="vmic-"] .financeTop,
    body[class*="vmic-"] .financeDetail,
    body[class*="vmic-"] .max {
        width: 100% !important;
        max-width: 450px !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .tier {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 10px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body[class*="vmic-"] .tier .info-box {
        width: 100% !important;
        padding: 8px !important;
        font-size: 13px !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .tier .ib-head,
    body[class*="vmic-"] .tier .ib-head[style] {
        display: flex !important;
        align-items: center !important;
        min-height: 44px !important;
        height: auto !important;
        padding: 8px 12px !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .tier .ib-head span:first-child {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body[class*="vmic-"] .tier .ib-body {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 8px !important;
        padding: 8px 14px !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .tier .ib-body .cl-3 {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        padding: 8px 0 !important;
        text-align: center !important;
    }

    body[class*="vmic-"] .tier .ib-body .cl-3 p,
    body[class*="vmic-"] .tier .ib-foot p {
        margin: 4px 0 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    body[class*="vmic-"] .tier .ib-body .red,
    body[class*="vmic-"] .tier .ib-body .red b {
        font-size: 18px !important;
    }

    body[class*="vmic-"] .tier .ib-foot {
        display: flex !important;
        grid-template-columns: none !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 4px 14px 10px !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .tier .ib-foot .text {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body[class*="vmic-"] .tier .ib-foot .other {
        flex: 0 0 auto !important;
    }

    body[class*="vmic-"] .tier .ib-foot .now-btn,
    body[class*="vmic-"] .now-btn {
        width: 96px !important;
        height: 34px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        border-radius: 5px !important;
        font-size: 13px !important;
        line-height: 34px !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .tier .plan {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 4px 14px 12px !important;
        font-size: 12px !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .tier .plan > span:first-child {
        flex: 0 0 78px !important;
    }

    body[class*="vmic-"] .tier .plan-wrap {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 7px !important;
        border-radius: 4px !important;
    }

    body[class*="vmic-"] .tier .plan-con {
        border-radius: 4px !important;
    }

    body[class*="vmic-"] .tier .plan-text {
        flex: 0 0 42px !important;
        font-size: 14px !important;
        text-align: right !important;
    }
}

body.vmic-page-product-detail .invest_btn {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--vmic-line) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-sizing: border-box !important;
}

body.vmic-page-product-detail .invest_btn a,
body.vmic-page-product-detail .vmic-detail-invest-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 520px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid var(--vmic-blue) !important;
    border-radius: 4px !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 44px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(10, 29, 51, .16) !important;
    box-sizing: border-box !important;
}

body.vmic-page-product-detail .vmic-detail-invest-btn.is-disabled,
body.vmic-page-product-detail .invest_btn a.is-disabled {
    border-color: #9aa5b1 !important;
    background: #9aa5b1 !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.vmic-page-product-detail .mobile {
    padding-bottom: 74px !important;
}

body.vmic-page-product-detail .details_foot {
    margin-bottom: 12px !important;
}
/* User investment record */
body.vmic-user-tender-page {
    min-height: 100vh !important;
    padding-top: 0 !important;
    padding-bottom: 1.35rem !important;
    background: var(--vmic-paper) !important;
}

body.vmic-user-tender-page .b-d6 {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 999 !important;
    width: 100% !important;
    max-width: 450px !important;
    height: .84rem !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(180deg, var(--vmic-blue), var(--vmic-blue-2)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 12px 28px rgba(4, 18, 32, .18) !important;
}

body.vmic-user-tender-page .b-d6 .pl20,
body.vmic-user-tender-page .b-d6 .fcenter {
    height: .84rem !important;
    line-height: .84rem !important;
    color: var(--vmic-white) !important;
}

body.vmic-user-tender-page .b-d6 .fcenter {
    font-size: .31rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

body.vmic-user-tender-page .b-d6 .iconfont {
    color: var(--vmic-white) !important;
}

body.vmic-user-tender-page .recode {
    padding: .18rem .18rem .08rem !important;
    background: var(--vmic-paper) !important;
}

body.vmic-user-tender-page .recode ul {
    display: flex !important;
    flex-direction: column !important;
    gap: .18rem !important;
    background: transparent !important;
}

body.vmic-user-tender-page .recode ul li {
    position: relative !important;
    min-height: auto !important;
    padding: .22rem .22rem .24rem !important;
    border: 1px solid rgba(10, 29, 51, .08) !important;
    border-radius: .16rem !important;
    background: var(--vmic-white) !important;
    box-shadow: 0 12px 30px rgba(4, 18, 32, .08) !important;
}

body.vmic-user-tender-page .recode .tr {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .14rem !important;
    margin-bottom: .16rem !important;
    padding-bottom: .14rem !important;
    border-bottom: 1px solid var(--vmic-line) !important;
    line-height: 1.35 !important;
}

body.vmic-user-tender-page .recode .tr .layui-col-xs3 {
    display: none !important;
}

body.vmic-user-tender-page .recode .tr .layui-col-xs5,
body.vmic-user-tender-page .recode .tr .layui-col-xs4 {
    float: none !important;
    width: auto !important;
}

body.vmic-user-tender-page .vmic-tender-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: var(--vmic-ink) !important;
    font-size: .29rem !important;
    font-weight: 800 !important;
    word-break: break-word !important;
}

body.vmic-user-tender-page .vmic-tender-status {
    flex: 0 0 auto !important;
    max-width: 48% !important;
    padding: .05rem .14rem !important;
    border-radius: 999px !important;
    background: rgba(10, 29, 51, .08) !important;
    color: var(--vmic-blue) !important;
    font-size: .22rem !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: break-word !important;
}

body.vmic-user-tender-page .vmic-tender-status.is-complete {
    background: rgba(31, 92, 134, .12) !important;
    color: var(--vmic-blue-3) !important;
}

body.vmic-user-tender-page .recode .line2 {
    display: grid !important;
    gap: .08rem !important;
    padding-right: 1.9rem !important;
    color: var(--vmic-muted) !important;
    font-size: .24rem !important;
    line-height: 1.55 !important;
}

body.vmic-user-tender-page .recode .line2 p {
    margin: 0 !important;
    color: var(--vmic-muted) !important;
    word-break: break-word !important;
}

body.vmic-user-tender-page .recode ul li .layui-btn.vmic-tender-contract {
    position: absolute !important;
    right: .22rem !important;
    bottom: .24rem !important;
    left: auto !important;
    min-width: 1.42rem !important;
    height: .54rem !important;
    padding: 0 .2rem !important;
    border: 1px solid rgba(10, 29, 51, .16) !important;
    border-radius: .12rem !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-size: .23rem !important;
    font-weight: 800 !important;
    line-height: .54rem !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(10, 29, 51, .18) !important;
}

body.vmic-user-tender-page .recode ul li .layui-btn.vmic-tender-contract:hover,
body.vmic-user-tender-page .recode ul li .layui-btn.vmic-tender-contract:active {
    background: var(--vmic-blue-2) !important;
    color: var(--vmic-white) !important;
}

body.vmic-user-tender-page .vmic-tender-pagination {
    padding: .08rem .16rem .2rem !important;
    text-align: center !important;
}

body.vmic-user-tender-page .layui-laypage a,
body.vmic-user-tender-page .layui-laypage span {
    border-color: var(--vmic-line) !important;
    color: var(--vmic-blue) !important;
}

body.vmic-user-tender-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--vmic-blue) !important;
}

@media (max-width: 380px) {
    body.vmic-user-tender-page .recode .line2 {
        padding-right: 0 !important;
    }

    body.vmic-user-tender-page .recode ul li .layui-btn.vmic-tender-contract {
        position: static !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-top: .16rem !important;
    }
}

/* Legacy record tables: withdrawal records, account details */
body.vmic-record-page {
    min-height: 100vh !important;
    padding-bottom: 1.28rem !important;
    background: var(--vmic-paper) !important;
    color: var(--vmic-ink) !important;
    font-size: .28rem !important;
}

body.vmic-record-page .mobile {
    min-height: 100vh !important;
    background: var(--vmic-paper) !important;
}

body.vmic-record-page .othertop {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 999 !important;
    width: 100% !important;
    max-width: 450px !important;
    height: .84rem !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(180deg, var(--vmic-blue), var(--vmic-blue-2)) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 12px 28px rgba(4, 18, 32, .18) !important;
}

body.vmic-record-page .othertop-font {
    height: .84rem !important;
    color: var(--vmic-white) !important;
    font-size: .31rem !important;
    font-weight: 800 !important;
    line-height: .84rem !important;
    text-align: center !important;
    letter-spacing: 0 !important;
}

body.vmic-record-page .goback {
    position: absolute !important;
    left: .04rem !important;
    top: 0 !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: .9rem !important;
    height: .84rem !important;
}

body.vmic-record-page .goback img {
    width: .34rem !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
}

body.vmic-record-page .header-nbsp {
    height: .84rem !important;
}

body.vmic-record-page .record_outer {
    margin: .18rem .16rem 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(10, 29, 51, .08) !important;
    border-radius: .16rem !important;
    background: var(--vmic-white) !important;
    box-shadow: 0 12px 30px rgba(4, 18, 32, .08) !important;
}

body.vmic-record-page .inviteTab {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-ink) !important;
    font-size: .24rem !important;
}

body.vmic-record-page .inviteTab thead tr,
body.vmic-record-page .inviteTab thead th {
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
}

body.vmic-record-page .inviteTab th {
    padding: .18rem .1rem !important;
    border: 0 !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    word-break: break-word !important;
}

body.vmic-record-page .inviteTab td {
    padding: .18rem .1rem !important;
    border-bottom: 1px solid var(--vmic-line) !important;
    color: var(--vmic-muted) !important;
    line-height: 1.45 !important;
    text-align: center !important;
    vertical-align: middle !important;
    word-break: break-word !important;
}

body.vmic-record-page .inviteTab tbody tr:nth-child(even) td {
    background: rgba(10, 29, 51, .025) !important;
}

body.vmic-record-page .inviteTab tbody tr:last-child td {
    border-bottom: 0 !important;
}

body.vmic-record-page .inviteTab font[color="#00A11D"],
body.vmic-record-page .inviteTab font[color="#00a11d"] {
    color: #16713b !important;
    font-weight: 800 !important;
}

body.vmic-record-page .inviteTab font[color="#ff9900"] {
    color: #9a6500 !important;
    font-weight: 800 !important;
}

body.vmic-record-page .inviteTab font[color="#ff0000"] {
    color: #c3312b !important;
    font-weight: 800 !important;
}

body.vmic-record-page #layer_pages,
body.vmic-record-page .layui-layer-page {
    padding: .24rem .16rem .34rem !important;
    text-align: center !important;
    background: transparent !important;
}

body.vmic-record-page .pagination,
body.vmic-record-page .layui-laypage {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: .1rem !important;
    margin: 0 auto !important;
    padding: .08rem !important;
    border: 1px solid rgba(10, 29, 51, .08) !important;
    border-radius: .16rem !important;
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 8px 20px rgba(4, 18, 32, .06) !important;
    list-style: none !important;
}

body.vmic-record-page .pagination li a,
body.vmic-record-page .pagination li span,
body.vmic-record-page .layui-laypage a,
body.vmic-record-page .layui-laypage span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 1.28rem !important;
    min-height: .52rem !important;
    padding: .08rem .16rem !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: .12rem !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-blue) !important;
    font-size: .23rem !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
}

body.vmic-record-page .pagination li a,
body.vmic-record-page .layui-laypage a {
    box-shadow: 0 5px 12px rgba(10, 29, 51, .08) !important;
}

body.vmic-record-page .pagination .active span,
body.vmic-record-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
    border-color: var(--vmic-blue) !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
}

body.vmic-record-page .pagination li.active span {
    min-width: 1.72rem !important;
}

body.vmic-record-page .pagination li.disabled span {
    border-color: rgba(83, 97, 112, .16) !important;
    background: rgba(83, 97, 112, .08) !important;
    color: rgba(83, 97, 112, .62) !important;
    box-shadow: none !important;
}

body.vmic-record-page .pagination li a:active,
body.vmic-record-page .layui-laypage a:active {
    background: rgba(10, 29, 51, .06) !important;
    transform: translateY(1px) !important;
}

body.vmic-record-page #layer_pages ul,
body.vmic-record-page #layer_pages nav {
    display: inline-flex !important;
    justify-content: center !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    gap: .08rem !important;
}

body.vmic-record-page .usdt-pending-box {
    margin: .16rem !important;
    border-color: rgba(10, 29, 51, .12) !important;
    border-radius: .12rem !important;
    background: rgba(10, 29, 51, .04) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-record-page .usdt-pending-box table {
    width: 100% !important;
    border-collapse: collapse !important;
}

body.vmic-record-page .usdt-pending-box tr,
body.vmic-record-page .usdt-pending-box th {
    background: transparent !important;
    color: var(--vmic-blue) !important;
}

body.vmic-record-page .usdt-pending-box a {
    color: var(--vmic-blue-3) !important;
    font-weight: 800 !important;
}

body.vmic-record-page #popBox .close {
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
}

body.vmic-record-page #popBox .close a {
    color: var(--vmic-white) !important;
}

body.vmic-record-page .vmic-dialog-btn,
body.vmic-record-page #msgBtn input[type="button"] {
    min-width: 1.2rem !important;
    padding: .09rem .18rem !important;
    border: 0 !important;
    border-radius: .1rem !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-weight: 800 !important;
}

body.vmic-bluev3-home .menu ul {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
}

body.vmic-bluev3-home .menu li {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

body.vmic-bluev3-home .menu ul a {
    display: flex !important;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 .04rem !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.vmic-bluev3-home .menu ul p {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin-top: .08rem !important;
    color: var(--vmic-ink) !important;
    font-size: clamp(.17rem, 2.65vw, .21rem) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

body.vmic-client .foot-nav,
body.vmic-bluev3-home .foot-nav,
body.vmic-bluev3-user .foot-nav,
body.vmic-service-page .foot-nav {
    height: calc(1.04rem + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    border-top: 1px solid var(--vmic-line) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-sizing: border-box !important;
}

body.vmic-client .foot-nav ul,
body.vmic-bluev3-home .foot-nav ul,
body.vmic-bluev3-user .foot-nav ul,
body.vmic-service-page .foot-nav ul {
    display: flex !important;
    height: 100% !important;
    align-items: stretch !important;
}

body.vmic-client .foot-nav li,
body.vmic-bluev3-home .foot-nav li,
body.vmic-bluev3-user .foot-nav li,
body.vmic-service-page .foot-nav li {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
}

body.vmic-client .foot-nav a,
body.vmic-bluev3-home .foot-nav a,
body.vmic-bluev3-user .foot-nav a,
body.vmic-service-page .foot-nav a {
    display: flex !important;
    height: 100% !important;
    min-width: 0 !important;
    padding: .1rem .04rem .08rem !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .03rem !important;
    color: var(--vmic-muted) !important;
    box-sizing: border-box !important;
}

body.vmic-client .foot-nav a.cur,
body.vmic-bluev3-home .foot-nav a.cur,
body.vmic-bluev3-user .foot-nav a.cur,
body.vmic-service-page .foot-nav a.cur {
    color: var(--vmic-blue-3) !important;
}

body.vmic-client .foot-nav b,
body.vmic-bluev3-home .foot-nav b,
body.vmic-bluev3-user .foot-nav b,
body.vmic-service-page .foot-nav b {
    display: flex !important;
    width: .36rem !important;
    height: .36rem !important;
    flex: 0 0 .36rem !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

body.vmic-client .foot-nav img,
body.vmic-bluev3-home .foot-nav img,
body.vmic-bluev3-user .foot-nav img,
body.vmic-service-page .foot-nav img {
    max-width: .34rem !important;
    max-height: .34rem !important;
}

body.vmic-client .foot-nav p,
body.vmic-bluev3-home .foot-nav p,
body.vmic-bluev3-user .foot-nav p,
body.vmic-service-page .foot-nav p {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: clamp(.16rem, 2.5vw, .21rem) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

body.vmic-service-page {
    padding-bottom: calc(1.26rem + env(safe-area-inset-bottom, 0px)) !important;
    background: var(--vmic-paper) !important;
}

body.vmic-service-page .head {
    padding: .22rem .18rem .2rem !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    max-width: 450px !important;
    margin: 0 auto !important;
    z-index: 999 !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    box-shadow: 0 14px 30px rgba(4, 18, 32, .2) !important;
    box-sizing: border-box !important;
}

body.vmic-service-page .head p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: .36rem !important;
    line-height: 1.25 !important;
    color: var(--vmic-white) !important;
    word-break: break-word !important;
}

body.vmic-service-page .ad {
    padding: .18rem .16rem .04rem !important;
}

body.vmic-service-page .ad img {
    display: block !important;
    border-radius: .18rem !important;
    box-shadow: 0 10px 24px rgba(4, 18, 32, .1) !important;
}

body.vmic-service-page .service-list {
    margin: .18rem .16rem .28rem !important;
    padding: .22rem .18rem !important;
    border: 1px solid rgba(10, 29, 51, .08) !important;
    border-radius: .18rem !important;
    background: var(--vmic-white) !important;
    box-shadow: 0 14px 34px rgba(4, 18, 32, .08) !important;
}

body.vmic-service-page .listTitle {
    margin: 0 0 .18rem !important;
    color: var(--vmic-blue) !important;
    font-size: .3rem !important;
    line-height: 1.25 !important;
}

body.vmic-service-page .service-item {
    display: flex !important;
    align-items: center !important;
    gap: .18rem !important;
    margin-bottom: .18rem !important;
    padding: .18rem !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: .16rem !important;
    background: rgba(10, 29, 51, .02) !important;
    color: var(--vmic-ink) !important;
    box-sizing: border-box !important;
}

body.vmic-service-page .service-media {
    float: none !important;
    flex: 0 0 1.42rem !important;
    width: auto !important;
}

body.vmic-service-page .service-qrcode,
body.vmic-service-page .service-placeholder {
    width: 1.42rem !important;
    height: 1.42rem !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: .12rem !important;
    background: var(--vmic-white) !important;
    box-sizing: border-box !important;
}

body.vmic-service-page .service-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: .08rem !important;
    color: var(--vmic-muted) !important;
    font-size: .2rem !important;
    line-height: 1.2 !important;
    text-align: center !important;
    word-break: break-word !important;
}

body.vmic-service-page .service-info {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    padding-left: 0 !important;
}

body.vmic-service-page .service-info p {
    margin: 0 0 .08rem !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
}

body.vmic-service-page .service-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    margin-top: .04rem !important;
    padding: .09rem .2rem !important;
    border-radius: .16rem !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
    font-size: .22rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-bluev3-home {
    padding-top: 0 !important;
    padding-bottom: calc(1.12rem + env(safe-area-inset-bottom, 0px)) !important;
}

body.vmic-frame-mode.vmic-bluev3-home .head {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.vmic-frame-mode .foot-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
    z-index: 9998 !important;
    margin: 0 !important;
}

body.vmic-frame-mode .signin-feedback-mask,
body.vmic-bluev3-home .signin-feedback-mask,
body.vmic-bluev3-user .signin-feedback-mask {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 13000 !important;
}

body.vmic-frame-mode .signin-feedback-panel,
body.vmic-bluev3-home .signin-feedback-panel,
body.vmic-bluev3-user .signin-feedback-panel {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    z-index: 13001 !important;
    transform: translate(-50%, -50%) !important;
}

@media (min-width: 768px) {
    body[class*="vmic-"] .head,
    body[class*="vmic-"] .othertop,
    body.vmic-client header,
    body.vmic-client footer,
    body[class*="vmic-"] .foot-nav,
    body[class*="vmic-"] .footer_nav,
    body[class*="vmic-"] .invest_btn,
    body[class*="vmic-"] .detailBtn,
    body[class*="vmic-"] .vmic-checkout-bar {
        left: 50% !important;
        right: auto !important;
        width: 100% !important;
        max-width: 450px !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .go_top {
        left: calc(50% + 185px) !important;
        right: auto !important;
        width: auto !important;
        transform: none !important;
    }
}

/* PC mobile-frame final overrides. Keep desktop centered at 450px without changing phone viewports. */
@media (min-width: 768px) {
    body.vmic-client,
    body.vmic-bluev3-home,
    body.vmic-bluev3-user {
        padding-bottom: calc(1.12rem + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.vmic-bluev3-home {
        padding-top: .76rem !important;
    }

    body.vmic-bluev3-home .head {
        display: block !important;
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 450px !important;
        height: .76rem !important;
        min-height: .76rem !important;
        line-height: .76rem !important;
        margin: 0 !important;
        background: #071728 !important;
        transform: translateX(-50%) !important;
        z-index: 9999 !important;
        box-sizing: border-box !important;
    }

    body.vmic-bluev3-home .h134 {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.vmic-client .foot-nav,
    body.vmic-bluev3-home .foot-nav,
    body.vmic-bluev3-user .foot-nav,
    body.vmic-service-page .foot-nav {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: 450px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
        z-index: 9998 !important;
        box-sizing: border-box !important;
    }

    body.vmic-bluev3-home .signin-feedback-mask,
    body.vmic-bluev3-user .signin-feedback-mask {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        z-index: 13000 !important;
    }

    body.vmic-bluev3-home .signin-feedback-panel,
    body.vmic-bluev3-user .signin-feedback-panel {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: 50% !important;
        width: min(360px, calc(100vw - 48px)) !important;
        max-width: calc(100vw - 32px) !important;
        min-width: 260px !important;
        transform: translate(-50%, -50%) !important;
        z-index: 13001 !important;
        box-sizing: border-box !important;
    }

    body.vmic-service-page .head {
        left: 50% !important;
        right: auto !important;
        width: 100% !important;
        max-width: 450px !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    body.vmic-service-page .ad {
        width: auto !important;
        max-width: none !important;
        margin: .18rem .16rem .04rem !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.vmic-service-page .ad img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-products header {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 450px !important;
        transform: translateX(-50%) !important;
        z-index: 9999 !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-products .header-nbsp,
    body.vmic-page-products .header-nbsp[style] {
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-products .swiper-slide {
        padding-top: .12rem !important;
        margin-top: 0 !important;
    }

    body.vmic-client:not(.vmic-record-page):not(.vmic-page-products) .othertop {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 450px !important;
        height: 52px !important;
        min-height: 52px !important;
        line-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateX(-50%) !important;
        z-index: 9999 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.vmic-client:not(.vmic-record-page):not(.vmic-page-products) .othertop-font {
        position: absolute !important;
        left: 52px !important;
        right: 52px !important;
        top: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        height: 52px !important;
        min-height: 52px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        color: var(--vmic-white) !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        transform: none !important;
        z-index: 1 !important;
        box-sizing: border-box !important;
    }

    body.vmic-client:not(.vmic-record-page):not(.vmic-page-products) .goback {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 52px !important;
        box-sizing: border-box !important;
    }

    body.vmic-client:not(.vmic-record-page):not(.vmic-page-products) .goback img {
        display: block !important;
        width: 18px !important;
        max-width: 18px !important;
        height: auto !important;
        margin: 0 !important;
    }

    body.vmic-client:not(.vmic-record-page):not(.vmic-page-products) .header-nbsp,
    body.vmic-client:not(.vmic-record-page):not(.vmic-page-products) .header-nbsp[style] {
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge .record_outer,
    body.vmic-page-recharge #recharge {
        width: 100% !important;
        max-width: 450px !important;
        margin: 0 auto !important;
        padding: 0 12px 16px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        background: var(--vmic-paper) !important;
    }

    body.vmic-page-recharge .record_outer table,
    body.vmic-page-recharge #recharge table,
    body.vmic-page-recharge .record_outer table[style],
    body.vmic-page-recharge #recharge table[style] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 0 !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge .record_outer td,
    body.vmic-page-recharge .record_outer th,
    body.vmic-page-recharge #recharge td,
    body.vmic-page-recharge #recharge th {
        max-width: 100% !important;
        padding: 10px 8px !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge .ttt1 {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge .ttt1 img {
        flex: 0 0 auto !important;
        max-width: 86px !important;
        height: auto !important;
    }

    body.vmic-page-recharge .layui-form-item,
    body.vmic-page-recharge .layui-btn,
    body.vmic-page-recharge #recharge input,
    body.vmic-page-recharge #recharge textarea,
    body.vmic-page-recharge #recharge select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge #recharge .layui-form-item {
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    body.vmic-page-recharge #recharge .layui-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 96px !important;
        max-width: 100% !important;
        padding: 0 14px !important;
        white-space: normal !important;
    }

    body.vmic-page-recharge .vmic-recharge-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 2px 0 !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge .vmic-recharge-actions input[type="button"],
    body.vmic-page-recharge #recharge .vmic-recharge-actions input[type="button"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 108px !important;
        width: 108px !important;
        min-width: 108px !important;
        max-width: 108px !important;
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border-radius: 4px !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 36px !important;
        text-align: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge .vmic-recharge-submit,
    body.vmic-page-recharge #recharge .vmic-recharge-submit {
        border: 1px solid var(--vmic-blue) !important;
        background: var(--vmic-blue) !important;
        color: var(--vmic-white) !important;
    }

    body.vmic-page-recharge .vmic-recharge-cancel,
    body.vmic-page-recharge #recharge .vmic-recharge-cancel {
        border: 1px solid var(--vmic-line) !important;
        background: var(--vmic-white) !important;
        color: var(--vmic-blue) !important;
    }

    body.vmic-page-recharge .layui-layer.vmic-recharge-layer,
    body.vmic-frame-mode.vmic-page-recharge .layui-layer.vmic-recharge-layer {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: 50% !important;
        bottom: auto !important;
        width: min(360px, calc(100vw - 48px)) !important;
        min-width: 260px !important;
        max-width: calc(100vw - 32px) !important;
        margin: 0 !important;
        border-radius: 6px !important;
        transform: translate(-50%, -50%) !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge .layui-layer.vmic-recharge-layer .layui-layer-content {
        padding: 18px !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-recharge .layui-layer.vmic-recharge-layer .layui-layer-btn {
        padding: 0 16px 16px !important;
        text-align: center !important;
    }

    body.vmic-page-withdraw #withdraw {
        width: 100% !important;
        max-width: 450px !important;
        margin: 0 auto !important;
        padding: 0 12px 18px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-withdraw .blank_card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 !important;
        padding: 14px 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        border: 1px solid var(--vmic-line) !important;
        background: var(--vmic-white) !important;
    }

    body.vmic-page-withdraw .blank_card label,
    body.vmic-page-withdraw .blank_card p {
        display: block !important;
        width: 100% !important;
        margin: 0 0 8px !important;
        line-height: 1.35 !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-withdraw .blank_card .big {
        display: inline-flex !important;
        width: 28px !important;
        margin: 0 !important;
        vertical-align: middle !important;
    }

    body.vmic-page-withdraw .blank_card input[type="text"],
    body.vmic-page-withdraw .blank_card input[type="password"],
    body.vmic-page-withdraw .blank_card select,
    body.vmic-page-withdraw .blank_card .right {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border: 1px solid var(--vmic-line) !important;
        border-radius: 4px !important;
        background: var(--vmic-white) !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.vmic-page-withdraw .input_btn,
    body.vmic-page-withdraw .finishReg {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;
        line-height: 46px !important;
        margin: 18px 0 !important;
        box-sizing: border-box !important;
    }

    body.vmic-record-page .mobile {
        width: 100% !important;
        max-width: 450px !important;
        margin: 0 auto !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.vmic-record-page .record_outer {
        width: 100% !important;
        max-width: 450px !important;
        margin: 10px auto 0 !important;
        padding: 0 10px 16px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
        background: var(--vmic-paper) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.vmic-record-page .record_outer table,
    body.vmic-record-page .record_outer .inviteTab,
    body.vmic-record-page .record_outer table[style],
    body.vmic-record-page .record_outer .inviteTab[style] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
    }

    body.vmic-record-page .record_outer thead,
    body.vmic-record-page .record_outer tbody,
    body.vmic-record-page .record_outer tr {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.vmic-record-page .record_outer th,
    body.vmic-record-page .record_outer td,
    body.vmic-record-page .record_outer th[width],
    body.vmic-record-page .record_outer td[width] {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 8px 5px !important;
        border-color: var(--vmic-line) !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        text-align: center !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }

    body.vmic-record-page .record_outer td:first-child,
    body.vmic-record-page .record_outer th:first-child {
        text-align: left !important;
    }

    body.vmic-record-page .record_outer font,
    body.vmic-record-page .record_outer a,
    body.vmic-record-page .record_outer span {
        max-width: 100% !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    body.vmic-recharge-record-page .record_outer table,
    body.vmic-recharge-record-page .record_outer .inviteTab,
    body.vmic-recharge-record-page .record_outer table[style],
    body.vmic-recharge-record-page .record_outer .inviteTab[style] {
        font-size: 11px !important;
    }

    body.vmic-recharge-record-page .record_outer th,
    body.vmic-recharge-record-page .record_outer td {
        padding: 7px 4px !important;
    }

    body.vmic-recharge-record-page .record_outer th:nth-child(1),
    body.vmic-recharge-record-page .record_outer td:nth-child(1),
    body.vmic-recharge-record-page .record_outer th:nth-child(4),
    body.vmic-recharge-record-page .record_outer td:nth-child(4) {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    body.vmic-record-page #layer_pages,
    body.vmic-record-page .layui-layer-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 14px 0 4px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.vmic-record-page .othertop-font {
        position: absolute !important;
        left: 52px !important;
        right: 52px !important;
        top: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        height: .84rem !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .myinfo,
    body.vmic-client .myinfo[style] {
        width: 100% !important;
        max-width: 426px !important;
        margin: 12px auto 15px !important;
        padding: 12px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .myinfo table,
    body.vmic-client .myinfo table[style] {
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .myinfo tr,
    body.vmic-client .myinfo tbody {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .myinfo td,
    body.vmic-client .myinfo th,
    body.vmic-client .myinfo td[width],
    body.vmic-client .myinfo th[width] {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 8px 5px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .myinfo p,
    body.vmic-client .myinfo span,
    body.vmic-client .myinfo div {
        max-width: 100% !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .tagMenu,
    body.vmic-client .tagMenu[style] {
        width: 100% !important;
        max-width: 426px !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .tagMenu ul,
    body.vmic-client .tagMenu .menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 3px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 30px !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 3px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .tagMenu li {
        float: none !important;
        flex: 1 1 0 !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        height: 24px !important;
        min-height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        line-height: 24px !important;
        list-style: none !important;
        text-align: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .tagMenu li a,
    body.vmic-client .tagMenu li.current a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 24px !important;
        min-height: 24px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        overflow: hidden !important;
        color: var(--vmic-blue) !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .tagMenu li.current a {
        background: var(--vmic-blue) !important;
        color: var(--vmic-white) !important;
    }
}

body.vmic-frame-mode.vmic-bluev3-home {
    padding-top: .76rem !important;
}

body.vmic-frame-mode.vmic-bluev3-home .head {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: .76rem !important;
    min-height: .76rem !important;
    line-height: .76rem !important;
    margin: 0 !important;
    background: #071728 !important;
    transform: none !important;
    z-index: 9999 !important;
}

body.vmic-frame-mode.vmic-bluev3-home .h134 {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.vmic-frame-mode .user_zx_right,
body.vmic-frame-mode .box,
body.vmic-frame-mode .myinfo {
    width: 100% !important;
    max-width: 426px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .box[style] {
    margin-top: 10px !important;
}

body.vmic-frame-mode .myinfo,
body.vmic-frame-mode .myinfo[style] {
    margin-top: 12px !important;
    margin-bottom: 15px !important;
    padding: 12px !important;
}

body.vmic-frame-mode .myinfo table,
body.vmic-frame-mode .myinfo table[style] {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .myinfo tr,
body.vmic-frame-mode .myinfo tbody {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .myinfo td,
body.vmic-frame-mode .myinfo th,
body.vmic-frame-mode .myinfo td[width],
body.vmic-frame-mode .myinfo th[width] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 8px 5px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .myinfo p,
body.vmic-frame-mode .myinfo span,
body.vmic-frame-mode .myinfo div {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .tagMenu,
body.vmic-frame-mode .tagMenu[style] {
    width: 100% !important;
    max-width: 426px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .tagMenu ul,
body.vmic-frame-mode .tagMenu .menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 3px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 3px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .tagMenu li {
    float: none !important;
    flex: 1 1 0 !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    line-height: 24px !important;
    list-style: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .tagMenu li a,
body.vmic-frame-mode .tagMenu li.current a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
    color: var(--vmic-blue) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .tagMenu li.current a {
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
}

body.vmic-frame-mode .pagination,
body.vmic-frame-mode #layer_pages .pagination,
body.vmic-frame-mode .layui-laypage {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 4px !important;
    overflow: hidden !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .pagination .page-item,
body.vmic-frame-mode .pagination li {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .pagination .page-link,
body.vmic-frame-mode .pagination li a,
body.vmic-frame-mode .pagination li span,
body.vmic-frame-mode .layui-laypage a,
body.vmic-frame-mode .layui-laypage span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    overflow: hidden !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: 4px !important;
    background: var(--vmic-white) !important;
    color: var(--vmic-blue) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode .pagination .active .page-link,
body.vmic-frame-mode .pagination li.active span,
body.vmic-frame-mode .pagination li.active a {
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    background: var(--vmic-blue) !important;
    color: var(--vmic-white) !important;
}

body.vmic-frame-mode.vmic-user-tender-page .recode .line2 {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-user-tender-page .recode .line2 p {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-action {
    position: static !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 260px !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 18px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 42px !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-mask {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100vh !important;
    padding: 16px !important;
    z-index: 12000 !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-dialog {
    width: min(360px, calc(100vw - 32px)) !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    padding: 24px 18px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-title {
    font-size: 20px !important;
    line-height: 1.35 !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-warning {
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-actions {
    display: flex !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-actions button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-cancel {
    flex: 0 0 42% !important;
}

body.vmic-frame-mode.vmic-user-tender-page .vmic-redeem-confirm {
    flex: 1 1 58% !important;
}

body.vmic-frame-mode.vmic-page-product-detail,
body.vmic-frame-mode.vmic-page-checkout {
    width: 100% !important;
    max-width: none !important;
    overflow-x: hidden !important;
    background: var(--vmic-paper) !important;
}

body.vmic-frame-mode.vmic-page-product-detail .mobile,
body.vmic-frame-mode.vmic-page-checkout .mobile {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .othertop,
body.vmic-frame-mode.vmic-page-checkout .othertop {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    background: #071728 !important;
    color: var(--vmic-white) !important;
    font-size: 16px !important;
    line-height: 52px !important;
    z-index: 9999 !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.vmic-frame-mode.vmic-page-product-detail .goback,
body.vmic-frame-mode.vmic-page-checkout .goback {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 52px !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .goback img,
body.vmic-frame-mode.vmic-page-checkout .goback img {
    display: block !important;
    width: 18px !important;
    max-width: 18px !important;
    height: auto !important;
    margin: 0 !important;
    filter: brightness(0) invert(1) !important;
}

body.vmic-frame-mode.vmic-page-product-detail .othertop-font,
body.vmic-frame-mode.vmic-page-checkout .othertop-font {
    position: absolute !important;
    left: 52px !important;
    right: 52px !important;
    top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--vmic-white) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .header-nbsp,
body.vmic-frame-mode.vmic-page-checkout .header-nbsp {
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (min-width: 768px) {
    body.vmic-page-checkout .othertop {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        top: 0 !important;
        width: 450px !important;
        max-width: 100vw !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #071728 !important;
        color: var(--vmic-white) !important;
        font-size: 16px !important;
        line-height: 52px !important;
        transform: translateX(-50%) !important;
        z-index: 9999 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.vmic-page-checkout .othertop-font {
        position: absolute !important;
        left: 52px !important;
        right: 52px !important;
        top: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--vmic-white) !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .goback {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
        width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 52px !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .goback img {
        display: block !important;
        width: 18px !important;
        max-width: 18px !important;
        height: auto !important;
        margin: 0 !important;
        filter: brightness(0) invert(1) !important;
    }
}

body.vmic-frame-mode.vmic-page-product-detail .details_top,
body.vmic-frame-mode.vmic-page-product-detail .details_foot,
body.vmic-frame-mode.vmic-page-product-detail .explain_outer {
    width: auto !important;
    max-width: none !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_top {
    margin-top: 12px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot {
    margin-top: 12px !important;
    margin-bottom: 72px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_top h1 {
    font-size: 15px !important;
    line-height: 1.35 !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_top li,
body.vmic-frame-mode.vmic-page-product-detail .details_top p,
body.vmic-frame-mode.vmic-page-product-detail .details_top span {
    font-size: 15px !important;
    line-height: 30px !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot .tabs span {
    height: 45px !important;
    font-size: 16px !important;
    line-height: 45px !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot table,
body.vmic-frame-mode.vmic-page-product-detail .details_foot .table,
body.vmic-frame-mode.vmic-page-product-detail .details_foot tr,
body.vmic-frame-mode.vmic-page-product-detail .details_foot td {
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot td,
body.vmic-frame-mode.vmic-page-product-detail .details_foot p,
body.vmic-frame-mode.vmic-page-product-detail .details_foot font,
body.vmic-frame-mode.vmic-page-product-detail .details_foot i,
body.vmic-frame-mode.vmic-page-product-detail .details_foot span {
    font-size: 14px !important;
    line-height: 20px !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot table,
body.vmic-frame-mode.vmic-page-product-detail .details_foot .table {
    width: 100% !important;
    table-layout: fixed !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot td:first-child {
    width: 31% !important;
}

body.vmic-frame-mode.vmic-page-product-detail .invest_btn {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 60px !important;
    padding: 8px 14px !important;
    background: rgba(246, 247, 251, .98) !important;
    z-index: 9998 !important;
    transform: none !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .invest_btn a {
    width: 100% !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_outer,
body.vmic-frame-mode.vmic-page-checkout .form_outer[style] {
    width: auto !important;
    max-width: none !important;
    margin: 64px 12px 12px !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top,
body.vmic-frame-mode.vmic-page-checkout #buy,
body.vmic-frame-mode.vmic-page-checkout .vmic-checkout-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 14px 12px !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top p,
body.vmic-frame-mode.vmic-page-checkout .vmic-static-row,
body.vmic-frame-mode.vmic-page-checkout .vmic-form-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top span,
body.vmic-frame-mode.vmic-page-checkout .form_top strong,
body.vmic-frame-mode.vmic-page-checkout .span_num {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top strong {
    font-size: 15px !important;
    line-height: 20px !important;
}

body.vmic-frame-mode.vmic-page-checkout .vmic-static-row,
body.vmic-frame-mode.vmic-page-checkout .vmic-static-row span,
body.vmic-frame-mode.vmic-page-checkout .vmic-form-item,
body.vmic-frame-mode.vmic-page-checkout .vmic-input,
body.vmic-frame-mode.vmic-page-checkout .vmic-inline-error {
    font-size: 14px !important;
}

body.vmic-frame-mode.vmic-page-checkout .vmic-static-row,
body.vmic-frame-mode.vmic-page-checkout .vmic-form-item {
    padding: 8px 12px !important;
    margin-bottom: 10px !important;
}

body.vmic-frame-mode.vmic-page-checkout .add {
    font-size: 12px !important;
    line-height: 18.6px !important;
}

body.vmic-frame-mode.vmic-page-checkout .vmic-static-row span.add {
    font-size: 12px !important;
    line-height: 18.6px !important;
}

body.vmic-frame-mode.vmic-page-checkout .layui-form-label,
body.vmic-frame-mode.vmic-page-checkout .vmic-form-label {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 8px !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .layui-input-block,
body.vmic-frame-mode.vmic-page-checkout .vmic-input-block {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}

/* Match phone layout in the PC frame for product detail and checkout summary blocks. */
body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 10px 8px !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner p {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner .span2 {
    display: block !important;
    color: #999 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    white-space: nowrap !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner .span1 {
    display: block !important;
    color: #000 !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner .span1 i {
    color: #bd7d29 !important;
    font-size: 16px !important;
    font-style: normal !important;
    line-height: 20px !important;
    vertical-align: baseline !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot {
    display: block !important;
    width: 100% !important;
    max-width: 426px !important;
    margin: 12px auto 0 !important;
    padding: 0 12px 12px !important;
    border: 1px solid #d8e0e8 !important;
    border-top: 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot table,
body.vmic-frame-mode.vmic-page-product-detail .details_foot .table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_foot table tr:last-child td {
    border-bottom: 1px solid #d8e0e8 !important;
}

body.vmic-frame-mode.vmic-page-product-detail .invest_btn {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: flex !important;
    width: 100% !important;
    max-width: 426px !important;
    margin: 0 auto 18px !important;
    padding: 8px 12px 12px !important;
    border-top: 0 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-product-detail .mobile {
    padding-bottom: 18px !important;
}

body.vmic-frame-mode.vmic-page-product-detail .details_top ul li:not(:first-child) {
    padding: 8px 0 !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 14px 12px !important;
    background: #071728 !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top p {
    display: grid !important;
    grid-template-rows: 18px 20px !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top p + p {
    padding-top: 0 !important;
    border-top: 0 !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top .span_tit,
body.vmic-frame-mode.vmic-page-checkout .form_top .span_num {
    display: block !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top .span_tit {
    flex: 0 0 auto !important;
    width: 100% !important;
    font-weight: 700 !important;
    text-align: center !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top .span_num {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    font-weight: 800 !important;
}

body.vmic-frame-mode.vmic-page-checkout .form_top .span_num strong {
    display: inline !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
}

@media (min-width: 768px) {
    body.vmic-page-product-detail .details_top ul li .inner {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding: 10px 8px !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-product-detail .details_top ul li .inner p {
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    body.vmic-page-product-detail .details_top ul li .inner .span2 {
        display: block !important;
        font-size: 14px !important;
        line-height: 24px !important;
        white-space: nowrap !important;
    }

    body.vmic-page-product-detail .details_top ul li .inner .span1 {
        display: block !important;
        font-size: 12px !important;
        line-height: 20px !important;
        white-space: normal !important;
        overflow: visible !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        text-overflow: clip !important;
    }

    body.vmic-page-product-detail .details_top ul li .inner .span1 i {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    body.vmic-page-product-detail .details_top ul li:not(:first-child) {
        padding: 8px 0 !important;
        font-size: 14px !important;
        line-height: 22px !important;
    }

    body.vmic-page-checkout .form_top {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 8px !important;
        padding: 14px 12px !important;
        background: #071728 !important;
    }

    body.vmic-page-checkout .form_top p {
        display: grid !important;
        grid-template-rows: 18px 20px !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    body.vmic-page-checkout .form_top p + p {
        padding-top: 0 !important;
        border-top: 0 !important;
    }

    body.vmic-page-checkout .form_top .span_tit,
    body.vmic-page-checkout .form_top .span_num {
        display: block !important;
        color: #fff !important;
        font-size: 13px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    body.vmic-page-checkout .form_top .span_tit {
        flex: 0 0 auto !important;
        width: 100% !important;
        font-weight: 700 !important;
        text-align: center !important;
    }

    body.vmic-page-checkout .form_top .span_num {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        text-align: center !important;
        font-weight: 800 !important;
    }

    body.vmic-page-checkout .form_top .span_num strong {
        display: inline !important;
        color: #fff !important;
        font-size: 15px !important;
        line-height: 18px !important;
        white-space: nowrap !important;
    }
}

body.vmic-frame-mode.vmic-page-checkout .vmic-submit-loading,
body.vmic-frame-mode.vmic-page-checkout .vmic-submit-loading[style],
body.vmic-page-checkout .vmic-submit-loading,
body.vmic-page-checkout .vmic-submit-loading[style] {
    display: none !important;
}

body.vmic-frame-mode.vmic-page-checkout.is-submitting .vmic-submit-loading,
body.vmic-page-checkout.is-submitting .vmic-submit-loading {
    display: flex !important;
}

body.vmic-frame-mode.vmic-page-checkout .caculate {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) 42px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .caculate input,
body.vmic-frame-mode.vmic-page-checkout .vmic-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .vmic-submit-row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout .input_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout input.input_btn,
body.vmic-frame-mode.vmic-page-checkout .layui-btn.input_btn,
body.vmic-frame-mode.vmic-page-checkout .vmic-submit-row input[type="button"],
body.vmic-frame-mode.vmic-page-checkout .vmic-checkout-submit-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-page-checkout input.vmic-checkout-submit-btn {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 44px !important;
    min-height: 44px !important;
}

@media (min-width: 768px) {
    body.vmic-client .pagination,
    body.vmic-client #layer_pages .pagination,
    body.vmic-client .layui-laypage {
        display: inline-flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 4px !important;
        overflow: hidden !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .pagination .page-item,
    body.vmic-client .pagination li {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .pagination .page-link,
    body.vmic-client .pagination li a,
    body.vmic-client .pagination li span,
    body.vmic-client .layui-laypage a,
    body.vmic-client .layui-laypage span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 26px !important;
        min-height: 26px !important;
        margin: 0 !important;
        padding: 0 4px !important;
        overflow: hidden !important;
        border-radius: 4px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        word-break: normal !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    body.vmic-client .pagination .active .page-link,
    body.vmic-client .pagination li.active span,
    body.vmic-client .pagination li.active a {
        width: 68px !important;
        min-width: 68px !important;
        max-width: 68px !important;
    }

    body.vmic-user-tender-page .recode .line2 {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        box-sizing: border-box !important;
    }

    body.vmic-user-tender-page .recode .line2 p {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.vmic-user-tender-page .vmic-redeem-action {
        position: static !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 0 !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.vmic-user-tender-page .vmic-redeem-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 260px !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 18px !important;
        border-radius: 6px !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 42px !important;
        box-sizing: border-box !important;
    }

    body.vmic-user-tender-page .vmic-redeem-mask {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100vh !important;
        padding: 16px !important;
        z-index: 12000 !important;
        box-sizing: border-box !important;
    }

    body.vmic-user-tender-page .vmic-redeem-dialog {
        width: min(360px, calc(100vw - 32px)) !important;
        max-width: 360px !important;
        margin: 0 auto !important;
        padding: 24px 18px !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
    }

    body.vmic-user-tender-page .vmic-redeem-title {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }

    body.vmic-user-tender-page .vmic-redeem-warning {
        margin-top: 12px !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    body.vmic-user-tender-page .vmic-redeem-actions {
        display: flex !important;
        gap: 10px !important;
        margin-top: 18px !important;
    }

    body.vmic-user-tender-page .vmic-redeem-actions button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 44px !important;
        min-width: 0 !important;
        padding: 0 8px !important;
        border-radius: 0 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.vmic-user-tender-page .vmic-redeem-cancel {
        flex: 0 0 42% !important;
    }

    body.vmic-user-tender-page .vmic-redeem-confirm {
        flex: 1 1 58% !important;
    }

    body.vmic-page-product-detail .details_top,
    body.vmic-page-product-detail .details_foot,
    body.vmic-page-product-detail .explain_outer {
        width: auto !important;
        max-width: none !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-product-detail .details_top,
    body.vmic-page-product-detail .details_foot {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    body.vmic-page-product-detail .details_top h1 {
        font-size: 15px !important;
        line-height: 1.35 !important;
    }

    body.vmic-page-product-detail .details_top li,
    body.vmic-page-product-detail .details_top p,
    body.vmic-page-product-detail .details_top span {
        font-size: 15px !important;
        line-height: 30px !important;
    }

    body.vmic-page-product-detail .details_foot {
        margin-bottom: 72px !important;
    }

    body.vmic-page-product-detail .details_foot .tabs span {
        height: 45px !important;
        font-size: 16px !important;
        line-height: 45px !important;
    }

    body.vmic-page-product-detail .details_foot table,
    body.vmic-page-product-detail .details_foot .table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    body.vmic-page-product-detail .details_foot tr,
    body.vmic-page-product-detail .details_foot td {
        max-width: 100% !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-product-detail .details_foot td,
    body.vmic-page-product-detail .details_foot p,
    body.vmic-page-product-detail .details_foot font,
    body.vmic-page-product-detail .details_foot i,
    body.vmic-page-product-detail .details_foot span {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    body.vmic-page-product-detail .details_foot td:first-child {
        width: 31% !important;
    }

    body.vmic-page-checkout .form_outer,
    body.vmic-page-checkout .form_outer[style] {
        width: auto !important;
        max-width: none !important;
        margin: 64px 12px 12px !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .form_top,
    body.vmic-page-checkout #buy,
    body.vmic-page-checkout .vmic-checkout-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    body.vmic-page-checkout .form_top {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 14px 12px !important;
    }

    body.vmic-page-checkout .form_top p,
    body.vmic-page-checkout .vmic-static-row,
    body.vmic-page-checkout .vmic-form-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .form_top span,
    body.vmic-page-checkout .form_top strong,
    body.vmic-page-checkout .span_num {
        display: block !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .form_top strong {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    body.vmic-page-checkout .vmic-static-row,
    body.vmic-page-checkout .vmic-static-row span,
    body.vmic-page-checkout .vmic-form-item,
    body.vmic-page-checkout .vmic-input,
    body.vmic-page-checkout .vmic-inline-error {
        font-size: 14px !important;
    }

    body.vmic-page-checkout .vmic-static-row,
    body.vmic-page-checkout .vmic-form-item {
        padding: 8px 12px !important;
        margin-bottom: 10px !important;
    }

    body.vmic-page-checkout .add {
        font-size: 12px !important;
        line-height: 18.6px !important;
    }

    body.vmic-page-checkout .vmic-static-row span.add {
        font-size: 12px !important;
        line-height: 18.6px !important;
    }

    body.vmic-page-checkout .layui-form-label,
    body.vmic-page-checkout .vmic-form-label {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 0 8px !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .layui-input-block,
    body.vmic-page-checkout .vmic-input-block {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .caculate {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 42px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 42px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .caculate input,
    body.vmic-page-checkout .vmic-input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout .input_btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border-radius: 6px !important;
        font-size: 15px !important;
        line-height: 44px !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout input.input_btn,
    body.vmic-page-checkout .layui-btn.input_btn,
    body.vmic-page-checkout .vmic-submit-row input[type="button"],
    body.vmic-page-checkout .vmic-checkout-submit-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 16px !important;
        border-radius: 6px !important;
        font-size: 15px !important;
        line-height: 44px !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-checkout input.vmic-checkout-submit-btn {
        -webkit-appearance: none !important;
        appearance: none !important;
        height: 44px !important;
        min-height: 44px !important;
    }
}

body.vmic-frame-mode.vmic-page-checkout .vmic-submit-row .vmic-submit-loading,
body.vmic-frame-mode.vmic-page-checkout .vmic-submit-row input.vmic-submit-loading,
body.vmic-page-checkout .vmic-submit-row .vmic-submit-loading,
body.vmic-page-checkout .vmic-submit-row input.vmic-submit-loading {
    display: none !important;
}

body.vmic-frame-mode.vmic-page-checkout.is-submitting .vmic-submit-row .vmic-submit-loading,
body.vmic-frame-mode.vmic-page-checkout.is-submitting .vmic-submit-row input.vmic-submit-loading,
body.vmic-page-checkout.is-submitting .vmic-submit-row .vmic-submit-loading,
body.vmic-page-checkout.is-submitting .vmic-submit-row input.vmic-submit-loading {
    display: flex !important;
}

body.vmic-page-checkout .layui-layer.vmic-checkout-layer,
body.vmic-frame-mode.vmic-page-checkout .layui-layer.vmic-checkout-layer {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(360px, calc(100vw - 48px)) !important;
    min-width: 260px !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 !important;
    border-radius: 6px !important;
    transform: translate(-50%, -50%) !important;
    box-sizing: border-box !important;
}

body.vmic-page-checkout .layui-layer.vmic-checkout-layer .layui-layer-content {
    box-sizing: border-box !important;
    max-width: 100% !important;
    padding: 18px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

body.vmic-page-checkout .layui-layer.vmic-checkout-layer .layui-layer-btn {
    padding: 0 16px 16px !important;
    text-align: center !important;
}

body.vmic-frame-mode .layui-layer-dialog,
body.vmic-frame-mode .layui-layer-msg {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    box-sizing: border-box !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 !important;
}

body.vmic-frame-mode .layui-layer-dialog {
    width: min(360px, calc(100vw - 48px)) !important;
    min-width: 260px !important;
    border-radius: 6px !important;
}

body.vmic-frame-mode .layui-layer-msg {
    min-width: 180px !important;
    border-radius: 6px !important;
}

body.vmic-frame-mode .layui-layer-dialog .layui-layer-content,
body.vmic-frame-mode .layui-layer-msg .layui-layer-content {
    box-sizing: border-box !important;
    max-width: 100% !important;
    padding: 18px 18px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

body.vmic-frame-mode .layui-layer-dialog .layui-layer-title {
    height: 44px !important;
    padding: 0 44px 0 16px !important;
    color: var(--vmic-blue) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    text-align: center !important;
}

body.vmic-frame-mode .layui-layer-dialog .layui-layer-btn {
    padding: 0 16px 16px !important;
    text-align: center !important;
}

@media (min-width: 768px) {
    body.vmic-bluev3-login .layui-layer-dialog,
    body.vmic-bluev3-login .layui-layer-msg {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        transform: translate(-50%, -50%) !important;
        box-sizing: border-box !important;
        max-width: calc(100vw - 32px) !important;
        margin: 0 !important;
    }

    body.vmic-bluev3-login .layui-layer-dialog {
        width: min(360px, calc(100vw - 48px)) !important;
        min-width: 260px !important;
        border-radius: 6px !important;
    }

    body.vmic-bluev3-login .layui-layer-msg {
        min-width: 180px !important;
        border-radius: 6px !important;
    }

    body.vmic-bluev3-login .layui-layer-dialog .layui-layer-content,
    body.vmic-bluev3-login .layui-layer-msg .layui-layer-content {
        box-sizing: border-box !important;
        max-width: 100% !important;
        padding: 18px !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        text-align: center !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    body.vmic-bluev3-login .layui-layer-dialog .layui-layer-title {
        height: 44px !important;
        padding: 0 44px 0 16px !important;
        color: var(--vmic-blue) !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 44px !important;
        text-align: center !important;
    }

    body.vmic-bluev3-login .layui-layer-dialog .layui-layer-btn {
        padding: 0 16px 16px !important;
        text-align: center !important;
    }
}

body.vmic-bluev3-register .field,
body.vmic-bluev3-register p.field {
    display: flex !important;
    align-items: center !important;
    width: 80% !important;
    max-width: 80% !important;
    height: 42px !important;
    margin: 0 auto 14px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-register .field .iconfont,
body.vmic-bluev3-register .field i {
    position: static !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-register .field input {
    position: static !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 0 0 2px !important;
    line-height: 40px !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-register .vmic-register-phone-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 80% !important;
    max-width: 80% !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-register .vmic-register-phone-field,
body.vmic-bluev3-register p.vmic-register-phone-field {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-register .vmic-register-phone-field .iconfont {
    flex: 0 0 24px !important;
    position: static !important;
}

body.vmic-bluev3-register .vmic-register-phone-input,
body.vmic-bluev3-register .field input.vmic-register-phone-input {
    position: static !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding-left: 2px !important;
}

body.vmic-bluev3-register .vmic-register-code-btn,
body.vmic-bluev3-register .field input.vmic-register-code-btn,
body.vmic-bluev3-register .layui-btn.vmic-register-code-btn {
    position: static !important;
    display: inline-flex !important;
    flex: 0 0 76px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 42px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

body.vmic-bluev3-register .vmic-register-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 18px !important;
}

body.vmic-bluev3-register .vmic-register-actions > p,
body.vmic-bluev3-register .vmic-register-actions > .layui-col-xs12 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.vmic-bluev3-register .vmic-register-actions input.login,
body.vmic-bluev3-register .vmic-register-actions .reg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    line-height: 42px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    html {
        font-size: 58.6px !important;
    }

    body[class*="vmic-"] {
        font-size: 14px !important;
    }
}

/* Final premium dark-gold skin. Keep this last: it overrides legacy blue/white
   polish while preserving the existing Blade structure and selectors. */
body[class*="vmic-"],
body[class*="vmic-"] .mobile {
    background:
        radial-gradient(circle at 50% -120px, rgba(214, 177, 129, .12), transparent 360px),
        var(--vmic-paper) !important;
    color: var(--vmic-ink) !important;
}

body[class*="vmic-"] .head,
body[class*="vmic-"] .top,
body[class*="vmic-"] .header,
body[class*="vmic-"] .othertop,
body.vmic-bluev3-home .head,
body.vmic-bluev3-user .head {
    border-bottom: 1px solid var(--vmic-line) !important;
    background: rgba(7, 11, 16, .96) !important;
    color: var(--vmic-ink) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .34) !important;
}

body[class*="vmic-"] .vmic-card,
body[class*="vmic-"] .menu ul,
body[class*="vmic-"] .swiperbox,
body[class*="vmic-"] .idx03,
body[class*="vmic-"] .index-news,
body[class*="vmic-"] .idxlist ul,
body[class*="vmic-"] .tier,
body[class*="vmic-"] .itemList,
body[class*="vmic-"] .details,
body[class*="vmic-"] .myinfo,
body[class*="vmic-"] .mber03,
body[class*="vmic-"] .mber04,
body[class*="vmic-"] .login,
body[class*="vmic-"] .field,
body[class*="vmic-"] table,
body[class*="vmic-"] .layui-layer-dialog {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)), #0b1118 !important;
    box-shadow: var(--vmic-shadow) !important;
}

body[class*="vmic-"] h1,
body[class*="vmic-"] h2,
body[class*="vmic-"] h3,
body[class*="vmic-"] h4,
body[class*="vmic-"] strong,
body[class*="vmic-"] .vmic-card__title,
body[class*="vmic-"] .index-news-title,
body[class*="vmic-"] .f30,
body[class*="vmic-"] .f32,
body[class*="vmic-"] .mber03 .b,
body[class*="vmic-"] .mber04 p {
    color: var(--vmic-ink) !important;
}

body[class*="vmic-"] p,
body[class*="vmic-"] span,
body[class*="vmic-"] td,
body[class*="vmic-"] th,
body[class*="vmic-"] label,
body[class*="vmic-"] .vmic-card__body,
body[class*="vmic-"] .index-news-item p {
    color: var(--vmic-muted) !important;
}

body[class*="vmic-"] a,
body[class*="vmic-"] .f-d6,
body[class*="vmic-"] .red,
body[class*="vmic-"] font[color="#FF6600"],
body[class*="vmic-"] font[color="#ff0000"],
body[class*="vmic-"] font[color="#FF0000"] {
    color: var(--vmic-gold) !important;
}

body[class*="vmic-"] .vmic-button-primary,
body[class*="vmic-"] .vmic-button-accent,
body[class*="vmic-"] .layui-btn,
body[class*="vmic-"] .btn_orange,
body[class*="vmic-"] .sub01,
body[class*="vmic-"] .novice_btn,
body[class*="vmic-"] input[type="button"],
body[class*="vmic-"] button.login,
body[class*="vmic-"] .reg {
    min-height: 44px !important;
    border: 1px solid var(--vmic-gold) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 24px rgba(214, 177, 129, .18) !important;
}

body[class*="vmic-"] .vmic-button-secondary,
body[class*="vmic-"] .btn_hui,
body[class*="vmic-"] .sub02,
body[class*="vmic-"] .btncancel,
body[class*="vmic-"] #btn_cancel {
    border-color: var(--vmic-line) !important;
    background: rgba(214, 177, 129, .08) !important;
    color: var(--vmic-gold) !important;
}

body[class*="vmic-"] input,
body[class*="vmic-"] select,
body[class*="vmic-"] textarea,
body[class*="vmic-"] .layui-input,
body[class*="vmic-"] .vmic-input {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: rgba(255, 255, 255, .045) !important;
    color: var(--vmic-ink) !important;
    box-shadow: none !important;
}

body[class*="vmic-"] input:focus,
body[class*="vmic-"] select:focus,
body[class*="vmic-"] textarea:focus,
body[class*="vmic-"] .layui-input:focus,
body[class*="vmic-"] .vmic-input:focus {
    border-color: var(--vmic-gold) !important;
    box-shadow: 0 0 0 3px rgba(214, 177, 129, .18) !important;
}

body[class*="vmic-"] .foot-nav {
    border-top: 1px solid var(--vmic-line) !important;
    background: rgba(7, 11, 16, .96) !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, .28) !important;
}

body[class*="vmic-"] .foot-nav a {
    color: var(--vmic-muted) !important;
}

body[class*="vmic-"] .foot-nav a.cur {
    color: var(--vmic-gold) !important;
}

/* Step 1: mobile home high-fidelity polish. */
body.vmic-bluev3-home .head {
    height: .86rem !important;
    line-height: .86rem !important;
}

body.vmic-bluev3-home .main {
    padding: .24rem .18rem calc(1.28rem + env(safe-area-inset-bottom, 0px)) !important;
}

body.vmic-bluev3-home .menu ul {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .12rem !important;
    margin: 0 !important;
    padding: .16rem !important;
}

body.vmic-bluev3-home .menu li {
    width: auto !important;
}

body.vmic-bluev3-home .menu ul a {
    display: grid !important;
    justify-items: center !important;
    gap: .08rem !important;
    min-height: 1.5rem !important;
    padding: .18rem .08rem !important;
    border: 1px solid rgba(214, 177, 129, .18) !important;
    border-radius: 14px !important;
    background: rgba(214, 177, 129, .055) !important;
}

body.vmic-bluev3-home .menu ul img {
    width: .56rem !important;
    height: .56rem !important;
    object-fit: contain !important;
    filter: sepia(1) saturate(1.7) hue-rotate(350deg) brightness(1.08) !important;
}

body.vmic-bluev3-home .idx03 {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .14rem !important;
    padding: .12rem .16rem !important;
    border-radius: 14px !important;
}

body.vmic-bluev3-home .idx03-label {
    border: 1px solid var(--vmic-line) !important;
    border-radius: 999px !important;
    background: rgba(214, 177, 129, .12) !important;
    color: var(--vmic-gold) !important;
}

body.vmic-bluev3-home .idxlist {
    margin-top: .18rem !important;
}

body.vmic-bluev3-home .idxlist li,
body.vmic-bluev3-home .index-news-item,
body.vmic-bluev3-home .index-service-card {
    border: 1px solid var(--vmic-line) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), #0b1118 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .26) !important;
}

body.vmic-bluev3-home .index-service-card {
    display: block !important;
    margin: .18rem 0 !important;
    padding: .24rem !important;
}

body.vmic-bluev3-home .index-service-title,
body.vmic-bluev3-home .index-service-action {
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-home .index-service-desc,
body.vmic-bluev3-home .index-service-name {
    color: var(--vmic-muted) !important;
}

/* Step 2: mobile auth flow polish. */
body.vmic-bluev3-login {
    background:
        radial-gradient(circle at 50% 0, rgba(214, 177, 129, .18), transparent 320px),
        #05070a !important;
}

body.vmic-bluev3-login .main {
    padding: 28px 18px calc(28px + env(safe-area-inset-bottom, 0px)) !important;
}

body.vmic-bluev3-login div.login {
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .025)), #0b1118 !important;
}

body.vmic-bluev3-login .title h2 {
    color: var(--vmic-gold) !important;
    letter-spacing: 0 !important;
}

body.vmic-bluev3-login .loginTitle {
    margin: 18px 0 14px !important;
    color: var(--vmic-ink) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-login .field,
body.vmic-bluev3-register .field,
body.vmic-bluev3-register .vmic-register-phone-row {
    border-radius: 12px !important;
}

body.vmic-bluev3-login .field i,
body.vmic-bluev3-register .field i {
    color: var(--vmic-gold) !important;
}

body.vmic-bluev3-login .layui-row.pt30,
body.vmic-bluev3-register .vmic-register-actions {
    gap: 10px !important;
}

body.vmic-bluev3-login .layui-row.pt30 p,
body.vmic-bluev3-register .vmic-register-actions p {
    width: 100% !important;
    padding: 0 !important;
}

body.vmic-bluev3-login button.login,
body.vmic-bluev3-login .reg,
body.vmic-bluev3-register .vmic-register-submit-btn,
body.vmic-bluev3-register .vmic-register-code-btn {
    width: 100% !important;
    border-radius: 12px !important;
}

/* Step 3: mobile market, detail and purchase flow polish. */
body.vmic-page-products .wrapper,
body.vmic-page-products .swiper-slide,
body.vmic-page-products .pro_box,
body.vmic-page-products .tier {
    background: transparent !important;
}

body.vmic-page-products .wrapper02,
body.vmic-page-products .ad,
body.vmic-page-products .tier,
body.vmic-page-products .info-box {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), #0b1118 !important;
    box-shadow: var(--vmic-shadow) !important;
}

body.vmic-page-products .wrapper02 li.cur a,
body.vmic-page-products .ib-head,
body.vmic-page-products .now-btn {
    border-color: var(--vmic-gold) !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
}

body.vmic-page-products .plan-wrap,
body.vmic-page-product-detail .progressBox1 {
    border-radius: 999px !important;
    background: rgba(214, 177, 129, .14) !important;
    overflow: hidden !important;
}

body.vmic-page-products .plan-con,
body.vmic-page-product-detail .progress1 {
    background: linear-gradient(90deg, #b88b45, #e7c994) !important;
}

body.vmic-page-product-detail .details_top,
body.vmic-page-product-detail .details_foot,
body.vmic-page-product-detail .explain_outer,
body.vmic-page-checkout .form_top,
body.vmic-page-checkout #buy,
body.vmic-page-checkout .vmic-checkout-card {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), #0b1118 !important;
    box-shadow: var(--vmic-shadow) !important;
}

body.vmic-page-product-detail .tabs span.on {
    color: var(--vmic-gold) !important;
    border-bottom: 2px solid var(--vmic-gold) !important;
}

body.vmic-page-product-detail .invest_btn,
body.vmic-page-checkout .vmic-submit-row {
    background: rgba(5, 7, 10, .94) !important;
    backdrop-filter: blur(12px) !important;
}

/* User center, wallet and asset pages. */
body.vmic-bluev3-user .mber02 {
    min-height: 2.85rem !important;
    border-bottom: 1px solid var(--vmic-line) !important;
    background:
        radial-gradient(circle at 80% 0, rgba(214, 177, 129, .22), transparent 2.6rem),
        linear-gradient(135deg, #05070a, #101820) !important;
}

body.vmic-bluev3-user .vmic-user-settings {
    display: grid !important;
    place-items: center !important;
    width: .58rem !important;
    height: .58rem !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: 999px !important;
    background: rgba(214, 177, 129, .08) !important;
}

body.vmic-bluev3-user .vmic-user-avatar {
    border: 1px solid var(--vmic-line) !important;
    background: rgba(214, 177, 129, .14) !important;
    color: var(--vmic-gold) !important;
}

body.vmic-bluev3-user .mber03 {
    margin-top: -1.05rem !important;
}

body.vmic-bluev3-user .asset-summary {
    border-bottom-color: var(--vmic-line) !important;
}

body.vmic-bluev3-user .asset-summary-value {
    color: var(--vmic-gold) !important;
    font-size: .54rem !important;
}

body.vmic-bluev3-user .asset-item {
    border-color: var(--vmic-line) !important;
    border-radius: 12px !important;
    background: rgba(214, 177, 129, .065) !important;
}

body.vmic-bluev3-user .asset-item-label,
body.vmic-bluev3-user .asset-tip {
    color: var(--vmic-muted) !important;
}

body.vmic-bluev3-user .asset-item-value {
    color: var(--vmic-ink) !important;
}

body.vmic-bluev3-user .mber04 > a[href*="signinCalendarOpen"],
body.vmic-bluev3-user .mber04 > a[style] {
    border: 1px solid var(--vmic-gold) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
    font-weight: 900 !important;
}

body.vmic-bluev3-user .mber04 ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .12rem !important;
}

body.vmic-bluev3-user .mber04 li {
    width: auto !important;
}

body.vmic-bluev3-user .mber04 li a {
    display: grid !important;
    justify-items: center !important;
    gap: .08rem !important;
    min-height: 1.32rem !important;
    padding: .16rem .08rem !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: 12px !important;
    background: rgba(214, 177, 129, .045) !important;
}

body.vmic-bluev3-user .mber04 i,
body.vmic-bluev3-user .mber04 .vmic-menu-icon,
body.vmic-bluev3-user .mber04 .vmic-icon-bank-card,
body.vmic-bluev3-user .mber04 .vmic-icon-withdraw-record {
    display: grid !important;
    width: .62rem !important;
    height: .62rem !important;
    place-items: center !important;
    margin: 0 auto !important;
    border: 1px solid var(--vmic-line) !important;
    border-radius: 999px !important;
    border-color: var(--vmic-line) !important;
    background: rgba(214, 177, 129, .1) !important;
    color: var(--vmic-gold) !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

body.vmic-bluev3-user .mber04 .vmic-menu-icon svg,
body.vmic-bluev3-user .foot-nav svg,
body.vmic-foot-nav svg {
    display: block !important;
    width: 58% !important;
    height: 58% !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.vmic-bluev3-user .mber04 li a:active,
body.vmic-foot-nav a:active {
    transform: translateY(1px) !important;
    border-color: rgba(231,201,148,.38) !important;
}

body.vmic-page-recharge .record_outer,
body.vmic-page-withdraw .record_outer,
body.vmic-record-page .record_outer,
body.vmic-user-tender-page .recode,
body.vmic-record-page .inviteTab,
body.vmic-record-page .usdt-pending-box,
body.vmic-client .user_zx_right .box,
body.vmic-client .myinfo {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), #0b1118 !important;
    box-shadow: var(--vmic-shadow) !important;
}

body.vmic-page-recharge #table1,
body.vmic-page-recharge #recharge,
body.vmic-page-withdraw .withdraw-form,
body.vmic-page-withdraw form,
body.vmic-record-page table,
body.vmic-client .myinfo table {
    width: 100% !important;
    border-color: var(--vmic-line) !important;
    background: transparent !important;
}

body.vmic-record-page th,
body.vmic-record-page td,
body.vmic-client .myinfo td,
body.vmic-client .myinfo th {
    border-color: var(--vmic-line) !important;
    background: rgba(255,255,255,.025) !important;
    color: var(--vmic-muted) !important;
}

body.vmic-record-page th {
    color: var(--vmic-gold) !important;
    background: rgba(214, 177, 129, .12) !important;
}

body.vmic-user-tender-page .recode ul li,
body.vmic-user-tender-page .vmic-redeem-dialog {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)), #0b1118 !important;
    box-shadow: var(--vmic-shadow) !important;
}

body.vmic-user-tender-page .vmic-tender-label,
body.vmic-user-tender-page .vmic-tender-note {
    color: var(--vmic-muted) !important;
}

body.vmic-user-tender-page .vmic-tender-num,
body.vmic-user-tender-page .vmic-tender-num.is-money,
body.vmic-user-tender-page .vmic-tender-num.is-profit,
body.vmic-user-tender-page .vmic-tender-num.is-total {
    color: var(--vmic-gold) !important;
}

body.vmic-user-tender-page .vmic-redeem-btn {
    border-color: rgba(255, 107, 107, .44) !important;
    background: rgba(255, 107, 107, .1) !important;
    color: #ff9b9b !important;
}

/* Global interaction components: modal, toast, date/calendar, pagination, empty. */
body[class*="vmic-"] .mask,
body[class*="vmic-"] .signin-calendar-mask,
body[class*="vmic-"] .vmic-redeem-mask,
body[class*="vmic-"] .layui-layer-shade {
    background: rgba(0, 0, 0, .64) !important;
    backdrop-filter: blur(4px) !important;
}

body[class*="vmic-"] .layui-layer,
body[class*="vmic-"] .layui-layer-dialog,
body[class*="vmic-"] .layui-layer-msg,
body[class*="vmic-"] .signin-calendar-panel,
body[class*="vmic-"] .vmic-redeem-dialog,
body[class*="vmic-"] #msgBox {
    border: 1px solid var(--vmic-line) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)), #0b1118 !important;
    color: var(--vmic-ink) !important;
    box-shadow: 0 22px 64px rgba(0, 0, 0, .48) !important;
    overflow: hidden !important;
}

body[class*="vmic-"] .layui-layer-title,
body[class*="vmic-"] .vmic-redeem-title,
body[class*="vmic-"] .signin-calendar-title {
    border-bottom: 1px solid var(--vmic-line) !important;
    background: rgba(214, 177, 129, .08) !important;
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body[class*="vmic-"] .layui-layer-content,
body[class*="vmic-"] .vmic-redeem-warning,
body[class*="vmic-"] #msgBox div,
body[class*="vmic-"] #msgBox p {
    color: var(--vmic-muted) !important;
}

body[class*="vmic-"] .layui-layer-btn a,
body[class*="vmic-"] .vmic-redeem-confirm,
body[class*="vmic-"] .signin-calendar-confirm {
    border-color: var(--vmic-gold) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
    font-weight: 900 !important;
}

body[class*="vmic-"] .layui-layer-btn .layui-layer-btn1,
body[class*="vmic-"] .vmic-redeem-cancel,
body[class*="vmic-"] .signin-calendar-cancel {
    border-color: var(--vmic-line) !important;
    background: rgba(214, 177, 129, .08) !important;
    color: var(--vmic-gold) !important;
}

body[class*="vmic-"] .signin-calendar-panel table,
body[class*="vmic-"] .signin-calendar-panel th,
body[class*="vmic-"] .signin-calendar-panel td {
    border-color: var(--vmic-line) !important;
    background: transparent !important;
    color: var(--vmic-muted) !important;
}

body[class*="vmic-"] .signin-calendar-panel .is-today,
body[class*="vmic-"] .signin-calendar-panel .is-signed,
body[class*="vmic-"] .signin-calendar-panel .active {
    border-radius: 999px !important;
    background: rgba(214, 177, 129, .16) !important;
    color: var(--vmic-gold) !important;
}

body[class*="vmic-"] .layui-laypage,
body[class*="vmic-"] #layer_pages,
body[class*="vmic-"] .vmic-tender-pagination {
    color: var(--vmic-muted) !important;
}

body[class*="vmic-"] .layui-laypage a,
body[class*="vmic-"] .layui-laypage span,
body[class*="vmic-"] #layer_pages a,
body[class*="vmic-"] #layer_pages span {
    border-color: var(--vmic-line) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--vmic-muted) !important;
}

body[class*="vmic-"] .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: var(--vmic-gold) !important;
}

body[class*="vmic-"] .empty,
body[class*="vmic-"] .noInfo,
body[class*="vmic-"] tr.noInfo td,
body[class*="vmic-"] .layui-none {
    color: var(--vmic-muted) !important;
    background: rgba(214, 177, 129, .045) !important;
}

/* Sign-in reward calendar. Business state still comes from /user/sign/calendar. */
body.signin-calendar-open {
    overflow: hidden !important;
    touch-action: none;
}

body[class*="vmic-"] .signin-calendar-mask,
body[class*="vmic-"] .signin-feedback-mask {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 13000;
    padding: max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px));
    background: rgba(0, 0, 0, .68);
    backdrop-filter: blur(8px);
    box-sizing: border-box;
    overflow-y: auto;
}

body[class*="vmic-"] .signin-calendar-panel,
body[class*="vmic-"] .signin-feedback-panel {
    position: relative;
    width: min(calc(100vw - 32px), 420px);
    max-height: min(80dvh, 720px);
    margin: 0 auto;
    border: 1px solid var(--color-border, var(--vmic-line));
    border-radius: var(--radius-lg, 16px);
    background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)), var(--color-surface, #0b1118);
    color: var(--color-text-primary, var(--vmic-ink));
    box-shadow: var(--shadow-modal, 0 26px 72px rgba(0, 0, 0, .55));
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body[class*="vmic-"] .signin-calendar-panel {
    top: 50%;
    transform: translateY(-50%);
}

body[class*="vmic-"] .signin-feedback-panel {
    top: 50%;
    transform: translateY(-50%);
}

body[class*="vmic-"] .signin-calendar-head {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: var(--space-2, 8px);
    padding: clamp(14px, 4vw, 18px);
    border-bottom: 1px solid var(--color-border, var(--vmic-line));
    background: rgba(217, 170, 89, .08);
}

body[class*="vmic-"] .signin-calendar-heading {
    min-width: 0;
    text-align: center;
}

body[class*="vmic-"] .signin-calendar-heading h2 {
    margin: 2px 0;
    color: var(--color-text-primary, var(--vmic-ink));
    font-size: clamp(16px, 4.2vw, 20px);
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-calendar-kicker,
body[class*="vmic-"] #signinCalendarMonth {
    display: block;
    color: var(--color-gold-light, #f3ddae);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-calendar-nav,
body[class*="vmic-"] .signin-feedback-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid var(--color-border, var(--vmic-line));
    border-radius: var(--radius-md, 12px);
    background: rgba(217, 170, 89, .08);
    color: var(--color-gold-light, #f3ddae);
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

body[class*="vmic-"] .signin-calendar-nav:focus-visible,
body[class*="vmic-"] .signin-calendar-confirm:focus-visible,
body[class*="vmic-"] .signin-calendar-cancel:focus-visible,
body[class*="vmic-"] .signin-calendar-day:focus-visible,
body[class*="vmic-"] .signin-feedback-close:focus-visible {
    outline: none;
    box-shadow: var(--shadow-focus, var(--vmic-focus));
}

body[class*="vmic-"] .signin-calendar-status,
body[class*="vmic-"] .signin-calendar-error {
    margin: 0;
    padding: 10px clamp(14px, 4vw, 18px);
    border-bottom: 1px solid var(--color-border, var(--vmic-line));
    color: var(--color-text-secondary, var(--vmic-muted));
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-calendar-error {
    color: #ffb0a8;
    background: rgba(255, 107, 107, .09);
}

body[class*="vmic-"] .signin-calendar-weekdays,
body[class*="vmic-"] .signin-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: clamp(4px, 1.4vw, 8px);
    padding: 10px clamp(10px, 3vw, 16px) 0;
}

body[class*="vmic-"] .signin-calendar-grid {
    padding-bottom: clamp(12px, 3vw, 16px);
    overflow-y: auto;
    min-height: 230px;
}

body[class*="vmic-"] .signin-calendar-weekdays span {
    min-width: 0;
    color: var(--color-text-muted, #77736c);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-calendar-day {
    min-width: 0;
    min-height: 54px;
    padding: 6px 2px;
    border: 1px solid var(--color-border, var(--vmic-line));
    border-radius: var(--radius-sm, 8px);
    background: rgba(255,255,255,.035);
    color: var(--color-text-secondary, var(--vmic-muted));
    text-align: center;
    cursor: default;
    overflow: hidden;
}

body[class*="vmic-"] .signin-calendar-day .num,
body[class*="vmic-"] .signin-calendar-day .status,
body[class*="vmic-"] .signin-calendar-day .reward,
body[class*="vmic-"] .signin-calendar-day .makeup-label {
    display: block;
    min-width: 0;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-calendar-day .num {
    color: var(--color-text-primary, var(--vmic-ink));
    font-size: 14px;
    font-weight: 900;
}

body[class*="vmic-"] .signin-calendar-day .status {
    margin-top: 2px;
    font-size: 10px;
    color: var(--color-text-muted, #77736c);
}

body[class*="vmic-"] .signin-calendar-day .reward,
body[class*="vmic-"] .signin-calendar-day .makeup-label {
    margin-top: 2px;
    color: var(--color-gold-light, #f3ddae);
    font-size: 10px;
    font-weight: 800;
}

body[class*="vmic-"] .signin-calendar-day.today {
    border-color: var(--color-border-active, rgba(243, 221, 174, .7));
    background: rgba(217, 170, 89, .16);
}

body[class*="vmic-"] .signin-calendar-day.signed {
    border-color: rgba(62, 185, 129, .38);
    background: rgba(62, 185, 129, .1);
}

body[class*="vmic-"] .signin-calendar-day.signed .status {
    color: #8be0b4;
}

body[class*="vmic-"] .signin-calendar-day.missed {
    border-color: rgba(255, 177, 99, .45);
    background: rgba(217, 170, 89, .08);
    cursor: pointer;
}

body[class*="vmic-"] .signin-calendar-day.missed.no-credit {
    opacity: .62;
    cursor: not-allowed;
}

body[class*="vmic-"] .signin-calendar-day.expired,
body[class*="vmic-"] .signin-calendar-day.future {
    opacity: .74;
}

body[class*="vmic-"] .signin-calendar-loading {
    grid-column: 1 / -1;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary, var(--vmic-muted));
    font-size: 14px;
    text-align: center;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-calendar-actions,
body[class*="vmic-"] .signin-feedback-actions {
    display: flex;
    gap: var(--space-2, 8px);
    padding: 12px clamp(14px, 4vw, 18px) max(12px, env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--color-border, var(--vmic-line));
    background: rgba(5, 7, 9, .72);
}

body[class*="vmic-"] .signin-calendar-confirm,
body[class*="vmic-"] .signin-calendar-cancel {
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--color-border, var(--vmic-line));
    border-radius: var(--radius-md, 12px);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
}

body[class*="vmic-"] .signin-calendar-confirm {
    border-color: var(--color-gold-primary, var(--vmic-gold));
    background: linear-gradient(180deg, #f3ddae, #d9aa59);
    color: #070b10;
}

body[class*="vmic-"] .signin-calendar-cancel {
    background: rgba(217, 170, 89, .08);
    color: var(--color-gold-light, #f3ddae);
}

body[class*="vmic-"] .signin-calendar-confirm:disabled,
body[class*="vmic-"] .signin-calendar-confirm.is-loading {
    opacity: .68;
    cursor: wait;
}

body[class*="vmic-"] .signin-feedback-panel {
    max-width: 380px;
}

body[class*="vmic-"] .signin-feedback-title {
    margin: 0;
    padding: 14px 56px 14px 16px;
    border-bottom: 1px solid var(--color-border, var(--vmic-line));
    color: var(--color-gold-light, #f3ddae);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-feedback-close {
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: 999px;
    background: transparent;
}

body[class*="vmic-"] .signin-feedback-content {
    padding: 18px 16px;
    color: var(--color-text-secondary, var(--vmic-muted));
    font-size: 14px;
    line-height: 1.65;
    overflow-y: auto;
    overflow-wrap: anywhere;
}

@media (max-width: 340px) {
    body[class*="vmic-"] .signin-calendar-panel {
        width: calc(100vw - 20px);
    }

    body[class*="vmic-"] .signin-calendar-day {
        min-height: 50px;
        padding-inline: 1px;
    }

    body[class*="vmic-"] .signin-calendar-day .status,
    body[class*="vmic-"] .signin-calendar-day .reward,
    body[class*="vmic-"] .signin-calendar-day .makeup-label {
        font-size: 9px;
    }
}

@media (max-width: 360px) {
    body[class*="vmic-"] .signin-calendar-actions,
    body[class*="vmic-"] .signin-feedback-actions {
        flex-direction: column;
    }
}

/* Sign-in module UI refresh: display layer only, business state remains server-driven. */
body[class*="vmic-"] .signin-calendar-mask {
    display: none;
    align-items: center;
    justify-content: center;
    padding: max(12px, env(safe-area-inset-top, 0px)) clamp(10px, 3vw, 16px) max(12px, env(safe-area-inset-bottom, 0px));
}

body[class*="vmic-"] .signin-calendar-mask.is-open {
    display: flex;
}

body[class*="vmic-"] .signin-calendar-panel {
    top: auto;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(calc(100vw - 24px), 420px);
    max-height: min(88dvh, 720px);
    margin: 0;
    transform: none;
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at 50% 0, rgba(217, 170, 89, .14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)),
        var(--color-surface);
}

body[class*="vmic-"] .signin-calendar-head {
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    padding: clamp(12px, 3.8vw, 18px);
    background: rgba(5, 7, 9, .68);
}

body[class*="vmic-"] .signin-calendar-heading h2,
body[class*="vmic-"] #signinCalendarMonth,
body[class*="vmic-"] .signin-calendar-kicker {
    min-width: 0;
    text-wrap: balance;
}

body[class*="vmic-"] #signinCalendarMonth {
    color: var(--color-text-secondary);
}

body[class*="vmic-"] .signin-calendar-body {
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body[class*="vmic-"] .signin-calendar-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    padding: var(--space-4) clamp(12px, 3.6vw, 18px) 0;
}

body[class*="vmic-"] .signin-calendar-summary > div {
    min-width: 0;
    padding: var(--space-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, .035);
}

body[class*="vmic-"] .signin-calendar-summary span,
body[class*="vmic-"] .signin-calendar-summary strong {
    display: block;
    min-width: 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-calendar-summary span {
    color: var(--color-text-muted);
    font-size: 12px;
}

body[class*="vmic-"] .signin-calendar-summary strong {
    margin-top: var(--space-1);
    color: var(--color-gold-light);
    font-size: clamp(15px, 4.2vw, 18px);
    font-weight: 900;
}

body[class*="vmic-"] .signin-calendar-status {
    border-bottom: 0;
}

body[class*="vmic-"] .signin-calendar-error {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    margin: var(--space-3) clamp(12px, 3.6vw, 18px) 0;
    padding: var(--space-3);
    border: 1px solid rgba(255, 107, 107, .35);
    border-radius: var(--radius-md);
}

body[class*="vmic-"] .signin-calendar-error[hidden] {
    display: none;
}

body[class*="vmic-"] .signin-calendar-retry {
    flex: 0 0 auto;
    min-height: 40px;
    padding: var(--space-2) var(--space-4);
    border: 1px solid rgba(255, 107, 107, .4);
    border-radius: var(--radius-sm);
    background: rgba(255, 107, 107, .12);
    color: var(--color-text-primary);
    font: inherit;
    font-size: 13px;
    font-weight: 850;
}

body[class*="vmic-"] .signin-calendar-weekdays,
body[class*="vmic-"] .signin-calendar-grid {
    gap: clamp(3px, 1.2vw, 7px);
    padding-right: clamp(8px, 2.8vw, 14px);
    padding-left: clamp(8px, 2.8vw, 14px);
}

body[class*="vmic-"] .signin-calendar-grid {
    min-height: 0;
    overflow: visible;
}

body[class*="vmic-"] .signin-calendar-day {
    display: grid;
    align-content: center;
    gap: 2px;
    min-height: clamp(46px, 13vw, 58px);
    padding: 5px 2px;
    border-radius: var(--radius-sm);
    white-space: normal;
}

body[class*="vmic-"] .signin-calendar-day:disabled {
    cursor: default;
}

body[class*="vmic-"] .signin-calendar-day[aria-current="date"] {
    box-shadow: var(--shadow-focus);
}

body[class*="vmic-"] .signin-calendar-day.missed:not(.no-credit) {
    cursor: pointer;
}

body[class*="vmic-"] .signin-calendar-day .reward,
body[class*="vmic-"] .signin-calendar-day .makeup-label {
    max-width: 100%;
    font-size: clamp(8px, 2.7vw, 10px);
}

body[class*="vmic-"] .signin-calendar-empty {
    grid-column: 1 / -1;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-5);
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    overflow-wrap: anywhere;
}

body[class*="vmic-"] .signin-calendar-loading {
    gap: var(--space-3);
}

body[class*="vmic-"] .signin-calendar-actions {
    flex-wrap: wrap;
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
}

body[class*="vmic-"] .signin-calendar-actions .vmic-button-ds {
    flex: 1 1 132px;
}

@media (max-width: 340px) {
    body[class*="vmic-"] .signin-calendar-panel {
        width: calc(100vw - 8px) !important;
        min-width: calc(100vw - 8px) !important;
        max-width: 420px !important;
        max-height: min(92dvh, 720px) !important;
    }

    body[class*="vmic-"] .signin-calendar-header,
    body[class*="vmic-"] .signin-calendar-footer {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body[class*="vmic-"] .signin-calendar-body {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body[class*="vmic-"] .signin-calendar-grid,
    body[class*="vmic-"] .signin-calendar-weekdays {
        gap: 2px !important;
    }

    body[class*="vmic-"] .signin-calendar-summary {
        grid-template-columns: minmax(0, 1fr);
    }

    body[class*="vmic-"] .signin-calendar-day {
        min-height: 44px;
    }

    body[class*="vmic-"] .signin-calendar-day .status,
    body[class*="vmic-"] .signin-calendar-day .reward,
    body[class*="vmic-"] .signin-calendar-day .makeup-label {
        font-size: 8px;
    }
}

@media (orientation: landscape) and (max-height: 520px) {
    body[class*="vmic-"] .signin-calendar-mask.is-open {
        align-items: flex-start;
    }

    body[class*="vmic-"] .signin-calendar-panel {
        max-height: calc(100dvh - 24px);
    }
}

@media (prefers-reduced-motion: reduce) {
    body[class*="vmic-"] .signin-calendar-panel,
    body[class*="vmic-"] .signin-calendar-mask {
        scroll-behavior: auto;
    }
}

/* Final PC-frame product detail overrides. Must stay after the generic desktop rules above. */
@media (min-width: 768px) {
    body.vmic-page-product-detail,
    body.vmic-frame-mode.vmic-page-product-detail {
        height: auto !important;
        min-height: 100vh !important;
        background: #f6f7fb !important;
    }

    body.vmic-page-product-detail .mobile,
    body.vmic-frame-mode.vmic-page-product-detail .mobile {
        height: auto !important;
        min-height: 100vh !important;
        background: #f6f7fb !important;
        overflow: visible !important;
    }

    body.vmic-page-product-detail .mobile::after,
    body.vmic-frame-mode.vmic-page-product-detail .mobile::after {
        content: "" !important;
        display: block !important;
        clear: both !important;
    }

    body.vmic-page-product-detail .details_foot + .header-nbsp,
    body.vmic-page-product-detail .details_foot + .header-nbsp[style],
    body.vmic-frame-mode.vmic-page-product-detail .details_foot + .header-nbsp,
    body.vmic-frame-mode.vmic-page-product-detail .details_foot + .header-nbsp[style] {
        display: block !important;
        height: 72px !important;
        min-height: 72px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.vmic-page-product-detail .details_foot,
    body.vmic-page-product-detail .details_foot[style],
    body.vmic-frame-mode.vmic-page-product-detail .details_foot,
    body.vmic-frame-mode.vmic-page-product-detail .details_foot[style] {
        width: calc(100% - 24px) !important;
        max-width: 426px !important;
        margin: 12px auto 0 !important;
        padding: 0 0 12px !important;
        border: 1px solid #d8e0e8 !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-product-detail .details_foot table,
    body.vmic-page-product-detail .details_foot .table,
    body.vmic-frame-mode.vmic-page-product-detail .details_foot table,
    body.vmic-frame-mode.vmic-page-product-detail .details_foot .table {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-product-detail .details_foot table tr:last-child td,
    body.vmic-frame-mode.vmic-page-product-detail .details_foot table tr:last-child td {
        border-bottom: 1px solid #d8e0e8 !important;
    }

    body.vmic-page-product-detail .invest_btn,
    body.vmic-page-product-detail .invest_btn[style],
    body.vmic-frame-mode.vmic-page-product-detail .invest_btn,
    body.vmic-frame-mode.vmic-page-product-detail .invest_btn[style] {
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        bottom: 0 !important;
        z-index: 9998 !important;
        display: flex !important;
        width: 100% !important;
        max-width: 450px !important;
        height: 60px !important;
        min-height: 60px !important;
        margin: 0 !important;
        padding: 8px 14px !important;
        border: 0 !important;
        background: rgba(246, 247, 251, .98) !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-product-detail .invest_btn a,
    body.vmic-page-product-detail .vmic-detail-invest-btn,
    body.vmic-frame-mode.vmic-page-product-detail .invest_btn a,
    body.vmic-frame-mode.vmic-page-product-detail .vmic-detail-invest-btn {
        width: 100% !important;
        max-width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        line-height: 44px !important;
        box-sizing: border-box !important;
    }

    body.vmic-page-product-detail .mobile,
    body.vmic-frame-mode.vmic-page-product-detail .mobile {
        padding-bottom: 74px !important;
    }
}

/* Final edge-page override layer: account, points, team, agreement, service, lottery. */
body.vmic-client .jp-bank-card,
body.vmic-client .cert-card,
body.vmic-client .login_bg form,
body.vmic-client .myinfo,
body.vmic-client .box,
body.vmic-client .safe-attast,
body.vmic-client .safe-bottom,
body.vmic-client .user-form,
body.vmic-jifen-page .mall-index-content,
body.vmic-jifen-page .goodsdetails-details,
body.vmic-jifen-page .formGroup,
body.vmic-team-page .formGroup,
body.vmic-agreement-page .ylb-text,
body.vmic-wheel-page .award-info,
body.vmic-wheel-page .rule_text,
body.vmic-wheel-page .award-btn,
body.vmic-wheel-page .zj-main > div,
body.vmic-wheel-page .xxcy-main > div {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius-lg) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)), #0b1118 !important;
    color: var(--vmic-ink) !important;
    box-shadow: var(--vmic-shadow) !important;
}

body.vmic-client .jp-row input,
body.vmic-client .jp-row select,
body.vmic-client .cert-row input[type=text],
body.vmic-client .input_text,
body.vmic-client .input_text input,
body.vmic-client .user-form input,
body.vmic-client .myinfo input,
body.vmic-client .myinfo select,
body.vmic-client .myinfo textarea,
body.vmic-jifen-page input[type=text],
body.vmic-jifen-page input[type=number],
body.vmic-jifen-page textarea,
body.vmic-jifen-page .d-n-a input {
    border: 1px solid var(--vmic-line) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-client .jp-btn,
body.vmic-client .cert-btn,
body.vmic-client .cert-upload,
body.vmic-client .input_btn,
body.vmic-client .btnsubupdate,
body.vmic-client .form-btn,
body.vmic-client .green-btn,
body.vmic-jifen-page .submit,
body.vmic-jifen-page button,
body.vmic-jifen-page .det-db button,
body.vmic-jifen-page .integral-record .btns,
body.vmic-wheel-page .award-btn,
body.vmic-wheel-page #start {
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 28px rgba(214, 177, 129, .24) !important;
}

body.vmic-client .jp-title,
body.vmic-client .cert-title,
body.vmic-client .tagMenu .menu li.current a,
body.vmic-client .safe-list span,
body.vmic-jifen-page .title,
body.vmic-jifen-page .title h2,
body.vmic-jifen-page h2,
body.vmic-jifen-page h3,
body.vmic-team-page .color,
body.vmic-jifen-page .color,
body.vmic-agreement-page .center,
body.vmic-wheel-page .award-info-nav li.active {
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body.vmic-jifen-page .inviteTab td,
body.vmic-team-page .inviteTab td,
body.vmic-agreement-page table td,
body.vmic-client .myinfo table td {
    border-color: var(--vmic-line) !important;
    background: rgba(255,255,255,.025) !important;
    color: var(--vmic-muted) !important;
}

/* Inline legacy color neutralizer for high-frequency user/account tables. */
body.vmic-client .myinfo[style],
body.vmic-client .record_outer[style],
body.vmic-client .noticewrapbg[style],
body.vmic-client .tagMenu[style],
body.vmic-client .box[style] {
    border-color: var(--vmic-line) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)), #0b1118 !important;
    color: var(--vmic-ink) !important;
}

body.vmic-client .myinfo td[style],
body.vmic-client .myinfo tr[style],
body.vmic-client .record_outer td[style],
body.vmic-client .record_outer tr[style],
body.vmic-jifen-page td[style],
body.vmic-jifen-page tr[style],
body.vmic-team-page td[style],
body.vmic-team-page tr[style] {
    border-color: var(--vmic-line) !important;
    background: rgba(255,255,255,.025) !important;
    color: var(--vmic-muted) !important;
}

body.vmic-client .myinfo a[style],
body.vmic-client .myinfo span[style],
body.vmic-client .myinfo strong[style],
body.vmic-client .record_outer a[style],
body.vmic-client .record_outer span[style],
body.vmic-client .noticewrapbg strong[style] {
    color: var(--vmic-gold) !important;
}

/* Final screenshot polish for mobile account and market pages. */
body.vmic-bluev3-user {
    padding-bottom: 92px !important;
}

body.vmic-bluev3-user .mber04 {
    margin-bottom: 96px !important;
    padding-bottom: .36rem !important;
}

body.vmic-bluev3-user .mber04 > div:first-child a,
body.vmic-bluev3-user .mber04 a[href*="signinCalendarOpen"],
body.vmic-bluev3-user .mber04 a[style*="signinCalendarOpen"],
body.vmic-bluev3-user .mber04 a[style*="3579f7"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 1.78rem !important;
    min-height: .56rem !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
    box-shadow: 0 12px 24px rgba(214, 177, 129, .22) !important;
}

body.vmic-bluev3-user .footer_nav,
body.vmic-page-products .footer_nav {
    z-index: 10020 !important;
    border-top: 1px solid var(--vmic-line) !important;
    background: rgba(5, 7, 10, .96) !important;
    backdrop-filter: blur(10px) !important;
}

body.vmic-page-products {
    padding-bottom: 92px !important;
}

body.vmic-page-products .pro_box,
body.vmic-page-products .tier,
body.vmic-page-products .info-box {
    border-color: rgba(214, 177, 129, .34) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)), #0c1219 !important;
    color: var(--vmic-ink) !important;
}

body.vmic-page-products .ib-head,
body.vmic-page-products .ib-head *,
body.vmic-page-products .info-box p,
body.vmic-page-products .info-box span,
body.vmic-page-products .info-box em,
body.vmic-page-products .info-box b,
body.vmic-page-products .label,
body.vmic-page-products .span,
body.vmic-page-products .plan,
body.vmic-page-products .plan span {
    color: var(--vmic-ink) !important;
    opacity: 1 !important;
}

body.vmic-page-products .ib-head .title,
body.vmic-page-products .ib-head h1,
body.vmic-page-products .ib-head h2,
body.vmic-page-products .ib-head h3,
body.vmic-page-products .money,
body.vmic-page-products .rate,
body.vmic-page-products .value,
body.vmic-page-products .plan span:last-child {
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body.vmic-page-products .now-btn,
body.vmic-page-products button,
body.vmic-page-products .ib-foot button {
    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: var(--vmic-radius-sm) !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(214, 177, 129, .18) !important;
}

body.vmic-page-products .now-btn[disabled],
body.vmic-page-products button[disabled],
body.vmic-page-products .ib-foot button[disabled] {
    background: rgba(255,255,255,.08) !important;
    color: var(--vmic-muted) !important;
    box-shadow: none !important;
}

/* Premium mobile rebuild: home, auth, and shared bottom nav. */
body.vmic-home-premium,
body.vmic-auth-page {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at 50% -10%, rgba(214, 177, 129, .16), transparent 34%),
        linear-gradient(180deg, #030507 0%, #090d11 46%, #030405 100%),
        #030507 !important;
    color: #f8f3e7 !important;
    font-family: "Inter", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}

body.vmic-home-premium {
    padding: 0 0 calc(90px + env(safe-area-inset-bottom, 0px)) !important;
}

.vmic-home-shell {
    width: min(100%, 450px);
    min-height: 100vh;
    margin: 0 auto;
    padding: 20px 14px 18px;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgba(214, 177, 129, .05), transparent 16%, transparent 84%, rgba(214, 177, 129, .05)), #05080b;
}

.vmic-home-brand,
.vmic-auth-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vmic-home-logo,
.vmic-home-account,
.vmic-home-action,
.vmic-home-feature,
.vmic-home-news-item,
.vmic-auth-back,
.vmic-auth-toplink {
    color: inherit;
    text-decoration: none;
}

.vmic-home-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.vmic-logo-mark,
.vmic-auth-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f1c477;
    border: 1px solid rgba(214, 177, 129, .72);
    background: radial-gradient(circle at 35% 28%, rgba(214, 177, 129, .28), rgba(214, 177, 129, .04) 62%, transparent);
}

.vmic-logo-mark {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: 0;
}

.vmic-home-logo strong {
    display: block;
    color: #e6b76d;
    font-size: 26px;
    line-height: 1;
    letter-spacing: 0;
}

.vmic-home-logo em {
    display: block;
    margin-top: 4px;
    color: rgba(248, 243, 231, .74);
    font-size: 10px;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: 0;
}

.vmic-home-account {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(214, 177, 129, .74);
    border-radius: 50%;
    color: #e8bb72;
}

.vmic-home-account svg,
.vmic-home-action svg,
.vmic-home-feature svg,
.vmic-foot-nav svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vmic-home-account svg {
    width: 22px;
    height: 22px;
}

.vmic-home-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 24px;
}

.vmic-home-action {
    display: flex;
    min-width: 0;
    min-height: 126px;
    padding: 15px 8px 12px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(214, 177, 129, .23);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(18, 23, 27, .96), rgba(7, 10, 13, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 15px 36px rgba(0, 0, 0, .22);
    text-align: center;
}

.vmic-action-icon {
    display: inline-flex;
    width: 36px;
    height: 36px;
    margin-bottom: 16px;
    color: #e6b76d;
}

.vmic-home-action strong {
    display: block;
    max-width: 100%;
    color: #fff7e8;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
    word-break: keep-all;
}

.vmic-home-action em {
    display: block;
    margin-top: 8px;
    color: rgba(248, 243, 231, .62);
    font-size: 11px;
    font-style: normal;
    line-height: 1.25;
}

.vmic-home-notice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 55px;
    margin-top: 16px;
    padding: 0 14px;
    border: 1px solid rgba(214, 177, 129, .28);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(17, 22, 26, .96), rgba(6, 9, 12, .96));
}

.vmic-home-notice span {
    padding: 4px 9px;
    border: 1px solid rgba(214, 177, 129, .72);
    border-radius: 6px;
    color: #e9bc73;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}

.vmic-home-notice marquee {
    min-width: 0;
    color: #f3ead8;
    font-size: 13px;
}

.vmic-home-notice b,
.vmic-home-feature b {
    color: #e9bc73;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
}

.vmic-home-hero-card {
    position: relative;
    min-height: 172px;
    margin-top: 14px;
    padding: 22px 24px;
    overflow: hidden;
    border: 1px solid rgba(214, 177, 129, .30);
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(3, 5, 7, .96) 0%, rgba(3, 5, 7, .72) 48%, rgba(3, 5, 7, .22) 100%),
        rgba(7, 11, 16, .96);
    box-sizing: border-box;
}

.vmic-home-hero-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 72% 36%, rgba(214, 177, 129, .17), transparent 34%);
    pointer-events: none;
}

.vmic-home-hero-card > div {
    position: relative;
    z-index: 1;
    max-width: 78%;
}

.vmic-home-hero-card span,
.vmic-home-feature strong {
    color: #e9bc73;
}

.vmic-home-hero-card span {
    display: block;
    margin-bottom: 13px;
    font-size: 15px;
    font-weight: 800;
}

.vmic-home-hero-card h1 {
    margin: 0;
    color: #fff5df;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.35;
}

.vmic-home-hero-card p,
.vmic-home-hero-card time,
.vmic-home-feature em,
.vmic-home-news-item em {
    color: rgba(248, 243, 231, .68);
}

.vmic-home-hero-card p {
    margin: 12px 0 0;
    font-size: 13px;
    line-height: 1.62;
}

.vmic-home-hero-card time {
    display: block;
    margin-top: 16px;
    font-size: 13px;
}

.vmic-home-feature-list {
    margin-top: 14px;
}

.vmic-home-feature {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 90px;
    padding: 12px 16px;
    border: 1px solid rgba(214, 177, 129, .24);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(14, 18, 21, .98), rgba(5, 8, 10, .98));
    box-sizing: border-box;
}

.vmic-home-feature + .vmic-home-feature {
    margin-top: 1px;
}

.vmic-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(214, 177, 129, .58);
    border-radius: 50%;
    color: #e9bc73;
    background: radial-gradient(circle at 38% 25%, rgba(214, 177, 129, .20), rgba(214, 177, 129, .04) 66%, rgba(0, 0, 0, .12));
}

.vmic-feature-icon svg {
    width: 31px;
    height: 31px;
}

.vmic-feature-copy {
    display: block;
    min-width: 0;
}

.vmic-feature-copy strong {
    display: block;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.35;
}

.vmic-feature-copy em {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    font-style: normal;
    line-height: 1.45;
}

.vmic-home-news {
    margin-top: 14px;
}

.vmic-home-news-item {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    padding: 10px;
    border: 1px solid rgba(214, 177, 129, .18);
    border-radius: 8px;
    background: rgba(11, 15, 18, .78);
}

.vmic-home-news-item + .vmic-home-news-item {
    margin-top: 8px;
}

.vmic-home-news-item img {
    width: 76px;
    height: 54px;
    border-radius: 6px;
    object-fit: cover;
}

.vmic-home-news-item strong {
    display: block;
    color: #f8f3e7;
    font-size: 14px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vmic-home-news-item em {
    display: -webkit-box;
    margin-top: 5px;
    overflow: hidden;
    font-size: 12px;
    font-style: normal;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.vmic-foot-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    z-index: 10020 !important;
    width: min(100%, 450px) !important;
    height: calc(74px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 7px 0 env(safe-area-inset-bottom, 0px) !important;
    border-top: 1px solid rgba(214, 177, 129, .20) !important;
    background: linear-gradient(180deg, rgba(8, 12, 15, .94), rgba(3, 5, 7, .98)) !important;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, .42) !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box;
}

.vmic-foot-nav ul,
.vmic-foot-nav li {
    height: 100%;
}

.vmic-foot-nav a {
    position: relative;
    display: flex !important;
    height: 100% !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: rgba(248, 243, 231, .78) !important;
}

.vmic-foot-nav a.cur {
    color: #e9bc73 !important;
}

.vmic-foot-nav a.cur::before {
    content: "";
    position: absolute;
    top: -7px;
    width: 32px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #e9bc73, transparent);
}

.vmic-foot-nav b {
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    color: currentColor;
}

.vmic-foot-nav p {
    margin: 0 !important;
    color: currentColor !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

.vmic-auth-page {
    padding: 0 !important;
}

.vmic-auth-shell {
    display: flex;
    width: min(100%, 450px);
    min-height: 100vh;
    margin: 0 auto;
    padding: 18px 15px;
    align-items: center;
    box-sizing: border-box;
    background: radial-gradient(circle at 50% 0%, rgba(214, 177, 129, .18), transparent 32%), linear-gradient(180deg, #030507, #090d10 55%, #030507);
}

.vmic-auth-card {
    width: 100%;
    padding: 18px;
    border: 1px solid rgba(214, 177, 129, .28);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(15, 20, 24, .96), rgba(5, 8, 11, .98));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
    box-sizing: border-box;
}

.vmic-auth-card.login,
.vmic-auth-card .login,
.vmic-auth-card .reg {
    width: 100% !important;
}

.vmic-auth-card.login {
    height: auto !important;
    min-height: 0 !important;
    background: linear-gradient(180deg, rgba(15, 20, 24, .96), rgba(5, 8, 11, .98)) !important;
}

.vmic-auth-back,
.vmic-auth-toplink,
.vmic-auth-language {
    border: 1px solid rgba(214, 177, 129, .26) !important;
    background: rgba(8, 12, 15, .82) !important;
    color: #e9bc73 !important;
}

.vmic-auth-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 30px;
    line-height: 1;
}

.vmic-auth-language,
.vmic-auth-toplink {
    height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 34px;
}

.vmic-auth-form {
    margin-top: 16px;
}

.vmic-auth-brand {
    position: static !important;
    top: auto !important;
    left: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
    text-align: center;
}

.vmic-auth-logo {
    width: 66px;
    height: 66px;
    margin-bottom: 12px;
    border-radius: 50%;
    font-size: 38px;
    font-weight: 900;
}

.vmic-auth-brand h2 {
    margin: 0;
    color: #e9bc73 !important;
    font-size: 30px !important;
    font-weight: 900;
    line-height: 1;
}

.vmic-auth-brand h3 {
    margin: 8px 0 0;
    color: rgba(248, 243, 231, .68) !important;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 1.35;
}

.vmic-auth-heading {
    margin-bottom: 16px;
}

.vmic-auth-heading .loginTitle {
    margin: 0;
    color: #fff5df !important;
    font-size: 24px !important;
    font-weight: 900;
    line-height: 1.25;
}

.vmic-auth-heading span {
    display: block;
    margin-top: 6px;
    color: rgba(248, 243, 231, .58);
    font-size: 12px;
}

.vmic-auth-field {
    display: flex !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 0 12px !important;
    padding: 0 14px !important;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(214, 177, 129, .22) !important;
    border-radius: 8px !important;
    background: rgba(5, 8, 11, .86) !important;
    box-sizing: border-box;
}

.vmic-auth-field i {
    position: static !important;
    flex: 0 0 auto;
    color: #e9bc73 !important;
    font-size: 18px !important;
}

.vmic-auth-field input {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #f8f3e7 !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.vmic-auth-field input::placeholder {
    color: rgba(248, 243, 231, .45);
}

.vmic-auth-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2px 0 18px;
    color: rgba(248, 243, 231, .66);
    font-size: 13px;
}

.vmic-auth-options a {
    color: #e9bc73 !important;
}

.vmic-auth-actions {
    display: grid;
    gap: 10px;
}

.vmic-auth-primary,
.vmic-auth-secondary,
.vmic-auth-code-btn {
    width: 100% !important;
    height: 48px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 48px !important;
    box-sizing: border-box;
}

.vmic-auth-primary,
.vmic-auth-code-btn {
    border: 1px solid rgba(255, 221, 157, .46) !important;
    background: linear-gradient(135deg, var(--button-primary-bg-start) 0%, var(--button-primary-bg-mid) 48%, var(--button-primary-bg-end) 100%) !important;
    color: var(--button-primary-text) !important;
    box-shadow: 0 12px 30px rgba(214, 177, 129, .20) !important;
}

.vmic-auth-secondary {
    border: 1px solid rgba(214, 177, 129, .34) !important;
    background: rgba(8, 12, 15, .72) !important;
    color: #e9bc73 !important;
}

.vmic-auth-code-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 10px;
}

.vmic-auth-code-row .vmic-auth-field {
    margin-bottom: 12px !important;
}

.vmic-auth-code-btn {
    padding: 0 8px !important;
    white-space: normal;
}

@media (max-width: 374px) {
    .vmic-home-shell {
        padding-left: 8px;
        padding-right: 8px;
    }

    .vmic-home-actions {
        gap: 6px;
    }

    .vmic-home-action {
        min-height: 116px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .vmic-home-action strong {
        font-size: 13px;
    }

    .vmic-home-action em {
        display: none;
    }

    .vmic-home-feature {
        grid-template-columns: 54px minmax(0, 1fr) auto;
        padding-left: 12px;
        padding-right: 12px;
    }

    .vmic-feature-icon {
        width: 50px;
        height: 50px;
    }
}

body[class*="vmic-"] {
    background-color: #030507 !important;
}

body.vmic-auth-page .vmic-auth-card.login {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px !important;
    overflow: visible !important;
    background: linear-gradient(180deg, rgba(15, 20, 24, .96), rgba(5, 8, 11, .98)) !important;
}

body.vmic-auth-page .vmic-auth-form {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
}

body.vmic-auth-page .vmic-auth-brand.title {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

body.vmic-auth-page .vmic-auth-heading .loginTitle {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #fff5df !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

body.vmic-auth-page .vmic-auth-field,
body.vmic-auth-page p.vmic-auth-field,
body.vmic-auth-page label.vmic-auth-field {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 0 12px !important;
    padding: 0 14px !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid rgba(214, 177, 129, .22) !important;
    border-radius: 8px !important;
    background: rgba(5, 8, 11, .86) !important;
    box-sizing: border-box !important;
}

body.vmic-auth-page .vmic-auth-field i,
body.vmic-auth-page .vmic-auth-field .iconfont {
    position: static !important;
    flex: 0 0 auto !important;
    width: auto !important;
    color: #e9bc73 !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body.vmic-auth-page .vmic-auth-field input {
    position: static !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #f8f3e7 !important;
    font-size: 15px !important;
    line-height: 52px !important;
    box-shadow: none !important;
}

body.vmic-auth-page .vmic-auth-actions,
body.vmic-auth-page .vmic-register-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

body.vmic-auth-page .vmic-auth-primary,
body.vmic-auth-page .vmic-auth-secondary,
body.vmic-auth-page .vmic-auth-code-btn {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    line-height: 48px !important;
}

body.vmic-auth-page .vmic-auth-primary,
body.vmic-auth-page input.vmic-auth-primary,
body.vmic-auth-page button.vmic-auth-primary {
    border: 1px solid rgba(255, 221, 157, .46) !important;
    background: linear-gradient(135deg, var(--button-primary-bg-start) 0%, var(--button-primary-bg-mid) 48%, var(--button-primary-bg-end) 100%) !important;
    color: var(--button-primary-text) !important;
    box-shadow: 0 12px 30px rgba(214, 177, 129, .20) !important;
}

body.vmic-auth-page .vmic-auth-secondary {
    border: 1px solid rgba(214, 177, 129, .34) !important;
    background: rgba(8, 12, 15, .72) !important;
    color: #e9bc73 !important;
    box-shadow: none !important;
}

body.vmic-auth-page .vmic-auth-code-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 112px !important;
    gap: 10px !important;
    align-items: stretch !important;
}

/* Final black-gold enforcement for market, wallet and transaction pages. */
body.vmic-page-products,
body.vmic-page-product-detail,
body.vmic-page-checkout,
body.vmic-page-recharge,
body.vmic-page-withdraw,
body.vmic-bluev3-user {
    background:
        radial-gradient(circle at 50% -8%, rgba(214,177,129,.16), transparent 34%),
        linear-gradient(180deg, #030507 0%, #090d11 48%, #030405 100%) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-page-products .swiper-slide ul,
body.vmic-page-products .pro_box,
body.vmic-bluev3-user .mber03,
body.vmic-bluev3-user .mber04,
body.vmic-page-recharge .record_outer,
body.vmic-page-recharge #table1,
body.vmic-page-recharge #recharge,
body.vmic-page-withdraw .vmic-withdraw-card {
    border: 1px solid rgba(214,177,129,.28) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)), #0b1118 !important;
    color: var(--vmic-ink) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.38) !important;
}

body.vmic-page-products .swiper-slide ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 12px 12px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}

body.vmic-page-products .swiper-slide .layui-col-xs4 {
    width: auto !important;
    float: none !important;
}

body.vmic-page-products .swiper-slide .layui-col-xs4 a {
    display: grid !important;
    min-height: 82px !important;
    place-items: center !important;
    gap: 8px !important;
    border: 1px solid rgba(214,177,129,.18) !important;
    border-radius: 12px !important;
    background: rgba(214,177,129,.055) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-page-products .swiper-slide .layui-col-xs4 i {
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    place-items: center !important;
    border: 1px solid rgba(214,177,129,.28) !important;
    border-radius: 999px !important;
    background: rgba(214,177,129,.12) !important;
    color: var(--vmic-gold) !important;
    line-height: 1 !important;
}

body.vmic-page-products .swiper-slide .layui-col-xs4 i svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.vmic-page-products .swiper-slide .layui-col-xs4 a:active {
    transform: translateY(1px) scale(.99) !important;
    border-color: rgba(231,201,148,.42) !important;
    background: rgba(214,177,129,.10) !important;
}

body.vmic-page-products .ad {
    display: none !important;
}

body.vmic-page-products .prolist {
    padding: 0 12px 96px !important;
}

body.vmic-page-products .pro_box {
    margin: 0 0 12px !important;
    overflow: hidden !important;
}

body.vmic-page-products .tier,
body.vmic-page-products .info-box {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.vmic-page-products .ib-head {
    border: 0 !important;
    background: rgba(214,177,129,.10) !important;
    color: var(--vmic-gold) !important;
}

body.vmic-page-recharge .record_outer {
    width: calc(100% - 24px) !important;
    max-width: 430px !important;
    margin: 12px auto 28px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
}

body.vmic-page-recharge #table1,
body.vmic-page-recharge #table1 td,
body.vmic-page-recharge #table1 td[style],
body.vmic-page-recharge #recharge,
body.vmic-page-recharge #recharge table,
body.vmic-page-recharge #recharge td,
body.vmic-page-recharge #recharge td[style] {
    border-color: rgba(214,177,129,.22) !important;
    background: transparent !important;
    color: var(--vmic-ink) !important;
}

body.vmic-page-recharge .ttt1 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
}

body.vmic-page-recharge .ttt1 img {
    width: 80px !important;
    height: 40px !important;
    padding: 6px !important;
    border: 1px solid rgba(214,177,129,.22) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.06) !important;
    object-fit: contain !important;
}

body.vmic-page-recharge input,
body.vmic-page-recharge select,
body.vmic-page-recharge textarea,
body.vmic-page-recharge #recharge input,
body.vmic-page-recharge #recharge select,
body.vmic-page-recharge #recharge textarea {
    border: 1px solid rgba(214,177,129,.24) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-page-recharge button,
body.vmic-page-recharge .input_btn,
body.vmic-page-recharge input[type=button],
body.vmic-page-recharge input[type=submit] {
    border: 1px solid rgba(255,221,157,.46) !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, var(--button-primary-bg-start) 0%, var(--button-primary-bg-mid) 48%, var(--button-primary-bg-end) 100%) !important;
    color: var(--button-primary-text) !important;
    font-weight: 900 !important;
}

@media (min-width: 768px) {
    body.vmic-page-product-detail,
    body.vmic-frame-mode.vmic-page-product-detail,
    body.vmic-page-product-detail .mobile,
    body.vmic-frame-mode.vmic-page-product-detail .mobile {
        background:
            radial-gradient(circle at 50% -8%, rgba(214,177,129,.16), transparent 34%),
            linear-gradient(180deg, #030507 0%, #090d11 48%, #030405 100%) !important;
        color: var(--vmic-ink) !important;
    }

    body.vmic-page-product-detail .details_foot,
    body.vmic-page-product-detail .details_foot[style],
    body.vmic-frame-mode.vmic-page-product-detail .details_foot,
    body.vmic-frame-mode.vmic-page-product-detail .details_foot[style] {
        border-color: rgba(214,177,129,.28) !important;
        background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)), #0b1118 !important;
        color: var(--vmic-ink) !important;
    }

    body.vmic-page-product-detail .details_foot table tr:last-child td,
    body.vmic-frame-mode.vmic-page-product-detail .details_foot table tr:last-child td {
        border-bottom-color: rgba(214,177,129,.22) !important;
    }

    body.vmic-page-product-detail .invest_btn,
    body.vmic-page-product-detail .invest_btn[style],
    body.vmic-frame-mode.vmic-page-product-detail .invest_btn,
    body.vmic-frame-mode.vmic-page-product-detail .invest_btn[style] {
        background: rgba(5,7,10,.96) !important;
        border-top: 1px solid rgba(214,177,129,.22) !important;
    }
}

/* Closer VMIC target homepage composition and configurable SVG icon system. */
body.vmic-home-premium .vmic-home-shell {
    width: min(100%, 390px) !important;
    padding: 18px 12px 112px !important;
    background:
        linear-gradient(90deg, rgba(214,177,129,.08), transparent 14%, transparent 86%, rgba(214,177,129,.08)),
        radial-gradient(circle at 50% -5%, rgba(214,177,129,.13), transparent 30%),
        #05080b !important;
}

body.vmic-home-premium .vmic-home-logo {
    gap: 8px !important;
}

body.vmic-home-premium .vmic-logo-mark {
    width: 50px !important;
    height: 50px !important;
    overflow: hidden !important;
    font-size: 28px !important;
}

body.vmic-home-premium .vmic-logo-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

body.vmic-home-premium .vmic-home-logo strong {
    font-size: 27px !important;
}

body.vmic-home-premium .vmic-home-logo em {
    font-size: 10px !important;
    line-height: 1.06 !important;
}

body.vmic-home-premium .vmic-home-account {
    width: 35px !important;
    height: 35px !important;
}

body.vmic-home-premium .vmic-home-actions {
    gap: 6px !important;
    margin-top: 22px !important;
}

body.vmic-home-premium .vmic-home-action {
    min-height: 78px !important;
    padding: 12px 5px 10px !important;
    border-color: rgba(214,177,129,.20) !important;
    background: linear-gradient(180deg, rgba(13,17,20,.95), rgba(4,7,9,.98)) !important;
}

body.vmic-home-premium .vmic-action-icon {
    width: 31px !important;
    height: 31px !important;
    margin-bottom: 9px !important;
}

body.vmic-home-premium .vmic-home-action strong {
    font-size: 14px !important;
    line-height: 1.18 !important;
}

body.vmic-home-premium .vmic-home-notice {
    min-height: 31px !important;
    margin-top: 8px !important;
    padding: 0 8px !important;
    gap: 8px !important;
}

body.vmic-home-premium .vmic-home-hero-card {
    min-height: 116px !important;
    margin-top: 8px !important;
    padding: 15px 13px !important;
    background:
        linear-gradient(90deg, rgba(3,5,7,.98) 0%, rgba(3,5,7,.90) 55%, rgba(3,5,7,.54) 100%),
        rgba(7,11,16,.96) !important;
}

body.vmic-home-premium .vmic-home-hero-media {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 0 !important;
    width: 42% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    opacity: .58 !important;
    pointer-events: none !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 38%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 38%);
}

body.vmic-home-premium .vmic-home-hero-card h1 {
    font-size: 17px !important;
}

body.vmic-home-premium .vmic-home-hero-card p {
    margin-top: 8px !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
}

body.vmic-home-premium .vmic-home-hero-card time {
    margin-top: 12px !important;
}

body.vmic-home-premium .vmic-home-feature-list {
    margin-top: 8px !important;
}

body.vmic-home-premium .vmic-home-feature {
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    gap: 11px !important;
    min-height: 76px !important;
    padding: 8px 11px !important;
    border-color: rgba(214,177,129,.22) !important;
    background: linear-gradient(180deg, rgba(12,16,19,.97), rgba(4,7,9,.98)) !important;
}

body.vmic-home-premium .vmic-feature-icon {
    width: 50px !important;
    height: 50px !important;
    border-color: rgba(214,177,129,.50) !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(214,177,129,.13), rgba(214,177,129,.04) 56%, transparent 58%),
        rgba(3,5,7,.40) !important;
}

body.vmic-home-premium .vmic-feature-icon svg {
    width: 29px !important;
    height: 29px !important;
}

body.vmic-home-premium .vmic-home-feature strong {
    font-size: 15px !important;
}

body.vmic-home-premium .vmic-home-feature em {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

/* Homepage announcement and news refinements after binding backend latest-news data. */
body.vmic-home-premium .vmic-home-notice {
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: 10px !important;
}

body.vmic-home-premium .vmic-home-hero-card {
    display: block !important;
    min-height: 168px !important;
    margin-top: 0 !important;
    padding: 21px 18px 18px !important;
    border-color: rgba(214,177,129,.34) !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body.vmic-home-premium .vmic-home-hero-card > div {
    max-width: 82% !important;
}

body.vmic-home-premium .vmic-home-hero-card span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    margin-bottom: 12px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(214,177,129,.34) !important;
    border-radius: 999px !important;
    color: #e9bc73 !important;
    background: rgba(214,177,129,.08) !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

body.vmic-home-premium .vmic-home-hero-card h1 {
    max-width: 100% !important;
    font-size: 18px !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
}

body.vmic-home-premium .vmic-home-feature-list {
    margin-top: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(214,177,129,.16) !important;
}

body.vmic-home-premium .vmic-home-news {
    margin-top: 16px !important;
    padding: 0 0 2px !important;
}

body.vmic-home-premium .vmic-home-news-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 30px !important;
    margin-bottom: 9px !important;
    padding: 0 2px !important;
}

body.vmic-home-premium .vmic-home-news-heading strong {
    color: #fff5df !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

body.vmic-home-premium .vmic-home-news-heading a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(214,177,129,.24) !important;
    border-radius: 999px !important;
    color: #e9bc73 !important;
    background: rgba(214,177,129,.06) !important;
    font-size: 12px !important;
}

body.vmic-home-premium .vmic-home-news-item {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 11px !important;
    min-height: 72px !important;
    padding: 9px 10px !important;
    border-color: rgba(214,177,129,.20) !important;
    background: linear-gradient(180deg, rgba(11,15,18,.88), rgba(4,7,9,.92)) !important;
}

body.vmic-home-premium .vmic-home-news-item img {
    width: 64px !important;
    height: 48px !important;
}

body.vmic-home-premium .vmic-home-news-item strong {
    white-space: normal !important;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

body.vmic-home-premium .vmic-home-news-item em {
    -webkit-line-clamp: 1 !important;
}

body.vmic-home-premium .vmic-foot-nav,
body.vmic-frame-mode .vmic-foot-nav {
    min-height: calc(62px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
}

body.vmic-page-article {
    min-height: 100vh !important;
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at 50% -8%, rgba(214,177,129,.14), transparent 34%),
        linear-gradient(90deg, rgba(214,177,129,.07), transparent 15%, transparent 85%, rgba(214,177,129,.07)),
        #05080b !important;
    color: #f8f3e7 !important;
}

body.vmic-page-article .mobile {
    width: min(100%, 390px) !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    padding: 0 12px 96px !important;
    background: transparent !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-page-article .othertop {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    margin: 0 -12px 14px !important;
    padding: 0 14px !important;
    border-bottom: 1px solid rgba(214,177,129,.18) !important;
    background: rgba(5,8,11,.94) !important;
    backdrop-filter: blur(14px) !important;
    box-sizing: border-box !important;
}

body.vmic-page-article .othertop .goback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(214,177,129,.34) !important;
    border-radius: 50% !important;
    background: rgba(214,177,129,.07) !important;
    flex: 0 0 auto !important;
}

body.vmic-page-article .othertop .goback img {
    width: 16px !important;
    height: 16px !important;
    filter: sepia(1) saturate(1.8) hue-rotate(350deg) brightness(1.3) !important;
}

body.vmic-page-article .othertop-font {
    min-width: 0 !important;
    padding: 0 12px !important;
    color: #fff5df !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-page-article .news_detail {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    padding: 20px 18px 24px !important;
    border: 1px solid rgba(214,177,129,.26) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(13,17,20,.96), rgba(4,7,9,.98)) !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

body.vmic-page-article .news_detail h1 {
    margin: 0 0 16px !important;
    color: #fff5df !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
}

body.vmic-page-article .vmic-article-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 0 16px !important;
    border: 1px solid rgba(214,177,129,.42) !important;
    border-radius: 50% !important;
    color: #e9bc73 !important;
    background: rgba(214,177,129,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body.vmic-page-article .vmic-article-icon svg {
    width: 30px !important;
    height: 30px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.vmic-page-article .news_detail,
body.vmic-page-article .news_detail div,
body.vmic-page-article .news_detail p,
body.vmic-page-article .news_detail li,
body.vmic-page-article .news_detail span {
    color: rgba(248,243,231,.78) !important;
    font-size: 14px !important;
    line-height: 1.78 !important;
}

body.vmic-page-article .news_detail p {
    margin: 0 0 12px !important;
}

body.vmic-page-article .news_detail a {
    color: #e9bc73 !important;
}

body.vmic-page-article .news_detail img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 14px auto !important;
    border-radius: 8px !important;
    border: 1px solid rgba(214,177,129,.18) !important;
}

body.vmic-page-article .news_detail table {
    width: 100% !important;
    margin: 14px 0 !important;
    border-collapse: collapse !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

body.vmic-page-article .news_detail td,
body.vmic-page-article .news_detail th {
    padding: 9px !important;
    border: 1px solid rgba(214,177,129,.18) !important;
    color: rgba(248,243,231,.78) !important;
    background: rgba(5,8,11,.72) !important;
}

@media (min-width: 700px) {
    body.vmic-page-article .news_detail {
        margin-top: 68px !important;
    }

}

body.vmic-page-articles {
    min-height: 100vh !important;
    background:
        radial-gradient(circle at 50% -8%, rgba(214,177,129,.14), transparent 34%),
        linear-gradient(90deg, rgba(214,177,129,.07), transparent 15%, transparent 85%, rgba(214,177,129,.07)),
        #05080b !important;
    color: #f8f3e7 !important;
}

body.vmic-page-articles .mobile {
    width: min(100%, 390px) !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    padding: 0 12px 96px !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

body.vmic-page-articles .othertop {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    margin: 0 -12px 14px !important;
    padding: 0 14px !important;
    border-bottom: 1px solid rgba(214,177,129,.18) !important;
    background: rgba(5,8,11,.94) !important;
    backdrop-filter: blur(14px) !important;
    box-sizing: border-box !important;
}

body.vmic-page-articles .othertop .goback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(214,177,129,.34) !important;
    border-radius: 50% !important;
    background: rgba(214,177,129,.07) !important;
    flex: 0 0 auto !important;
}

body.vmic-page-articles .othertop .goback img {
    width: 16px !important;
    height: 16px !important;
    filter: sepia(1) saturate(1.8) hue-rotate(350deg) brightness(1.3) !important;
}

body.vmic-page-articles .othertop-font {
    min-width: 0 !important;
    padding: 0 12px !important;
    color: #fff5df !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-page-articles .header-nbsp {
    display: none !important;
}

body.vmic-page-articles .mnote {
    display: grid !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body.vmic-page-articles .mnote li {
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(214,177,129,.24) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, rgba(13,17,20,.96), rgba(4,7,9,.98)) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.03) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-page-articles .mnote li a {
    display: block !important;
    min-height: 70px !important;
    padding: 14px 16px !important;
    color: #fff5df !important;
    box-sizing: border-box !important;
}

body.vmic-page-articles .mnote h1 {
    margin: 0 !important;
    color: #fff5df !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
}

body.vmic-page-articles #layer_pages {
    margin: 18px 0 0 !important;
    color: rgba(248,243,231,.70) !important;
}

body.vmic-page-articles .layui-laypage a,
body.vmic-page-articles .layui-laypage span {
    margin: 0 3px !important;
    border-color: rgba(214,177,129,.24) !important;
    border-radius: 999px !important;
    background: rgba(6,10,13,.92) !important;
    color: rgba(248,243,231,.76) !important;
}

body.vmic-page-articles .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: linear-gradient(135deg, #efd59b, #b8863b) !important;
    border-radius: 999px !important;
}

body.vmic-page-articles .layui-laypage .layui-laypage-curr em {
    color: #1b1205 !important;
}

@media (min-width: 700px) {
    body.vmic-page-articles .mnote {
        margin-top: 68px !important;
    }
}

body.vmic-page-products .swiper-slide > ul.layui-row,
body.vmic-page-products .swiper-slide ul.layui-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 10px !important;
}

body.vmic-page-products .swiper-slide > ul.layui-row > .layui-col-xs4,
body.vmic-page-products .swiper-slide ul.layui-row > .layui-col-xs4 {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
}

body.vmic-page-products .swiper-slide .layui-col-xs4 p {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-bluev3-user {
    padding-bottom: 136px !important;
}

body.vmic-bluev3-user .mber04 {
    margin-bottom: 136px !important;
    padding-bottom: .5rem !important;
}

body.vmic-bluev3-user .mber04 ul {
    padding-bottom: .22rem !important;
}

body[class*="vmic-"] .layui-layer-shade {
    background: rgba(0, 0, 0, .72) !important;
}

body[class*="vmic-"] .layui-layer,
body[class*="vmic-"] .layui-layer-dialog,
body[class*="vmic-"] .layui-layer-msg,
body.vmic-page-checkout .layui-layer.vmic-checkout-layer {
    overflow: hidden !important;
    border: 1px solid rgba(214,177,129,.30) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)), #0b1118 !important;
    color: var(--vmic-ink) !important;
    box-shadow: 0 26px 80px rgba(0,0,0,.52) !important;
}

body[class*="vmic-"] .layui-layer-title {
    border-bottom: 1px solid rgba(214,177,129,.20) !important;
    background: rgba(214,177,129,.08) !important;
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body[class*="vmic-"] .layui-layer-content,
body[class*="vmic-"] .layui-layer-content p,
body.vmic-page-checkout .layui-layer.vmic-checkout-layer .layui-layer-content {
    color: var(--vmic-ink) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

body[class*="vmic-"] .layui-layer-btn {
    display: flex !important;
    gap: 10px !important;
    justify-content: center !important;
    padding: 0 16px 16px !important;
}

body[class*="vmic-"] .layui-layer-btn a,
body.vmic-page-checkout .layui-layer.vmic-checkout-layer .layui-layer-btn a {
    display: inline-flex !important;
    min-width: 112px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid rgba(214,177,129,.34) !important;
    border-radius: 999px !important;
    background: rgba(214,177,129,.08) !important;
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] .layui-layer-btn .layui-layer-btn0,
body.vmic-page-checkout .layui-layer.vmic-checkout-layer .layui-layer-btn .layui-layer-btn0 {
    border-color: var(--vmic-gold) !important;
    background: linear-gradient(180deg, #e7c994, #b88b45) !important;
    color: #090d12 !important;
}

body.vmic-page-checkout .vmic-checkout-card,
body.vmic-page-checkout #buy {
    border-color: rgba(214,177,129,.30) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)), #0b1118 !important;
}

body.vmic-page-product-detail .details_top ul li .inner,
body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner {
    border: 1px solid rgba(214,177,129,.22) !important;
    border-radius: 14px !important;
    background: rgba(214,177,129,.055) !important;
}

body.vmic-page-product-detail .details_top ul li .inner .span2,
body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner .span2 {
    color: var(--vmic-muted) !important;
}

body.vmic-page-product-detail .details_top ul li .inner .span1,
body.vmic-page-product-detail .details_top ul li .inner .span1 i,
body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner .span1,
body.vmic-frame-mode.vmic-page-product-detail .details_top ul li .inner .span1 i {
    color: var(--vmic-gold) !important;
}

body.vmic-page-product-detail .invest_btn,
body.vmic-page-product-detail .invest_btn[style],
body.vmic-frame-mode.vmic-page-product-detail .invest_btn,
body.vmic-frame-mode.vmic-page-product-detail .invest_btn[style] {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    margin: 14px 12px 28px !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
}

body.vmic-page-product-detail .invest_btn a,
body.vmic-page-product-detail .vmic-detail-invest-btn,
body.vmic-frame-mode.vmic-page-product-detail .invest_btn a,
body.vmic-frame-mode.vmic-page-product-detail .vmic-detail-invest-btn {
    display: flex !important;
    width: 100% !important;
    height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    line-height: 1 !important;
}

body.vmic-page-checkout,
body.vmic-page-checkout .form_outer,
body.vmic-page-checkout .form_top,
body.vmic-page-checkout #buy,
body.vmic-page-checkout .vmic-checkout-card {
    color: var(--vmic-ink) !important;
}

body.vmic-page-checkout label,
body.vmic-page-checkout .span_tit,
body.vmic-page-checkout .vmic-form-label,
body.vmic-page-checkout .vmic-static-row label {
    color: var(--vmic-muted) !important;
}

body.vmic-page-checkout .span_num,
body.vmic-page-checkout .span_num strong,
body.vmic-page-checkout .vmic-static-row span,
body.vmic-page-checkout .time,
body.vmic-page-checkout em,
body.vmic-page-checkout strong {
    color: var(--vmic-gold) !important;
}

body[class*="vmic-"] .layui-layer.vmic-modal-success,
body[class*="vmic-"] .layui-layer.vmic-modal-error,
body[class*="vmic-"] .layui-layer.vmic-modal-warning,
body[class*="vmic-"] .layui-layer.vmic-modal-confirm {
    padding-top: 12px !important;
}

body[class*="vmic-"] .layui-layer.vmic-modal-success::before,
body[class*="vmic-"] .layui-layer.vmic-modal-error::before,
body[class*="vmic-"] .layui-layer.vmic-modal-warning::before,
body[class*="vmic-"] .layui-layer.vmic-modal-confirm::before {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    place-items: center !important;
    margin: 4px auto 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(214,177,129,.32) !important;
    background: rgba(214,177,129,.10) !important;
    color: var(--vmic-gold) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body[class*="vmic-"] .layui-layer.vmic-modal-success::before {
    content: "OK";
    border-color: rgba(64,196,122,.42) !important;
    background: rgba(64,196,122,.13) !important;
    color: #58d68d !important;
}

body[class*="vmic-"] .layui-layer.vmic-modal-error::before {
    content: "!";
    border-color: rgba(231,92,92,.42) !important;
    background: rgba(231,92,92,.13) !important;
    color: #ff7878 !important;
}

body[class*="vmic-"] .layui-layer.vmic-modal-warning::before {
    content: "!";
    border-color: rgba(231,201,148,.48) !important;
    background: rgba(214,177,129,.13) !important;
    color: var(--vmic-gold) !important;
}

body[class*="vmic-"] .layui-layer.vmic-modal-confirm::before {
    content: "?";
}

body[class*="vmic-"] .layui-layer.vmic-modal-success .layui-layer-content,
body[class*="vmic-"] .layui-layer.vmic-modal-error .layui-layer-content,
body[class*="vmic-"] .layui-layer.vmic-modal-warning .layui-layer-content,
body[class*="vmic-"] .layui-layer.vmic-modal-confirm .layui-layer-content {
    text-align: center !important;
}

body.vmic-bank-page .jp-bank-wrap,
body.vmic-certification-page .cert-page,
body.vmic-page-withdraw .vmic-withdraw-shell {
    background:
        radial-gradient(circle at 50% -8%, rgba(214,177,129,.14), transparent 34%),
        linear-gradient(180deg, #030507 0%, #090d11 48%, #030405 100%) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-bank-page .jp-bank-card,
body.vmic-certification-page .cert-card,
body.vmic-page-withdraw .vmic-withdraw-card {
    border: 1px solid rgba(214,177,129,.28) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)), #0b1118 !important;
    color: var(--vmic-ink) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.38) !important;
}

body.vmic-bank-page .jp-title,
body.vmic-certification-page .cert-title,
body.vmic-page-withdraw .vmic-withdraw-balance-value {
    color: var(--vmic-gold) !important;
}

body.vmic-bank-page .jp-tip,
body.vmic-certification-page .cert-tip,
body.vmic-certification-page .cert-status,
body.vmic-page-withdraw .vmic-withdraw-note {
    border: 1px solid rgba(214,177,129,.22) !important;
    background: rgba(214,177,129,.10) !important;
    color: var(--vmic-muted) !important;
}

body.vmic-bank-page .jp-row label,
body.vmic-certification-page .cert-row label,
body.vmic-page-withdraw .vmic-withdraw-field label {
    color: #fff5df !important;
}

body.vmic-bank-page .jp-row input,
body.vmic-bank-page .jp-row select,
body.vmic-certification-page .cert-row input[type=text],
body.vmic-page-withdraw .vmic-withdraw-field input,
body.vmic-page-withdraw .vmic-withdraw-field select {
    border-color: rgba(214,177,129,.24) !important;
    background: #05080b !important;
    color: var(--vmic-ink) !important;
}

body.vmic-bank-page .jp-btn,
body.vmic-certification-page .cert-btn,
body.vmic-certification-page .cert-upload,
body.vmic-page-withdraw .vmic-withdraw-submit {
    border-color: rgba(255,221,157,.46) !important;
    background: linear-gradient(135deg, var(--button-primary-bg-start) 0%, var(--button-primary-bg-mid) 48%, var(--button-primary-bg-end) 100%) !important;
    color: var(--button-primary-text) !important;
}

body[class*="vmic-"] .vmic-finance-mode-switch a {
    color: var(--color-text-secondary) !important;
}

body[class*="vmic-"] .vmic-finance-mode-switch a.is-active,
body[class*="vmic-"] .vmic-finance-mode-switch a[aria-selected="true"] {
    border-color: rgba(243, 221, 174, .42) !important;
    background: linear-gradient(135deg, var(--color-gold-dark), var(--color-gold-light)) !important;
    color: var(--color-bg-primary) !important;
}

/* Final record, account-form and legacy table sweep. */
body.vmic-client .user_zx_right,
body.vmic-client .record_outer,
body.vmic-record-page,
body.vmic-user-tender-page,
body.vmic-recharge-record-page {
    background: var(--vmic-page-bg) !important;
    color: var(--vmic-ink) !important;
}

body.vmic-client .user_zx_right .box,
body.vmic-client .myinfo,
body.vmic-client .record_outer,
body.vmic-client .tagMenu,
body.vmic-client .hite,
body.vmic-record-page .record_outer,
body.vmic-record-page .inviteTab,
body.vmic-record-page .usdt-pending-box {
    border: 1px solid rgba(214,177,129,.28) !important;
    border-radius: 16px !important;
    background: var(--vmic-surface) !important;
    color: var(--vmic-ink) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.38) !important;
}

body.vmic-record-page .record_outer {
    width: calc(100% - 24px) !important;
    max-width: 366px !important;
    margin: 12px auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.vmic-client .tagMenu .menu,
body.vmic-client .user-tabs-menu,
body.vmic-record-page .user-tabs-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(214,177,129,.22) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.035) !important;
}

body.vmic-client .tagMenu .menu li,
body.vmic-client .user-tabs-menu li,
body.vmic-record-page .user-tabs-menu li {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 82px !important;
    margin: 0 !important;
    border: 1px solid rgba(214,177,129,.16) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.035) !important;
    text-align: center !important;
}

body.vmic-client .tagMenu .menu li.current,
body.vmic-client .tagMenu .menu li.selected,
body.vmic-client .user-tabs-menu li.selected,
body.vmic-record-page .user-tabs-menu li.selected {
    border-color: rgba(255,221,157,.44) !important;
    background: rgba(214,177,129,.14) !important;
}

body.vmic-client .tagMenu .menu li a,
body.vmic-client .user-tabs-menu li a,
body.vmic-record-page .user-tabs-menu li a {
    display: flex !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    color: var(--vmic-muted) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

body.vmic-client .tagMenu .menu li.current a,
body.vmic-client .tagMenu .menu li.selected a,
body.vmic-client .user-tabs-menu li.selected a,
body.vmic-record-page .user-tabs-menu li.selected a {
    color: var(--vmic-gold) !important;
}

body.vmic-client .myinfo table,
body.vmic-client .record_outer table,
body.vmic-client .inviteTab,
body.vmic-record-page .record_outer table,
body.vmic-record-page .inviteTab {
    width: 100% !important;
    border-collapse: collapse !important;
    border-color: rgba(214,177,129,.22) !important;
    background: transparent !important;
    color: var(--vmic-ink) !important;
    table-layout: auto !important;
}

body.vmic-client .myinfo th,
body.vmic-client .record_outer th,
body.vmic-client .inviteTab th,
body.vmic-record-page .record_outer th,
body.vmic-record-page .inviteTab th {
    border-color: rgba(214,177,129,.22) !important;
    background: rgba(214,177,129,.12) !important;
    color: var(--vmic-gold) !important;
    font-weight: 900 !important;
}

body.vmic-client .myinfo tr,
body.vmic-client .record_outer tr,
body.vmic-client .inviteTab tr,
body.vmic-record-page .record_outer tr,
body.vmic-record-page .inviteTab tr,
body.vmic-recharge-record-page .record_outer tr,
body.vmic-withdraw-record-page .record_outer tr {
    background: var(--vmic-white) !important;
}

body.vmic-client .myinfo td,
body.vmic-client .record_outer td,
body.vmic-client .inviteTab td,
body.vmic-record-page .record_outer td,
body.vmic-record-page .inviteTab td {
    border-color: rgba(214,177,129,.18) !important;
    background: rgba(255,255,255,.025) !important;
    color: var(--vmic-muted) !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
}

body.vmic-client .myinfo tr:nth-child(even) td,
body.vmic-client .record_outer tr:nth-child(even) td,
body.vmic-client .inviteTab tr:nth-child(even) td,
body.vmic-record-page .record_outer tr:nth-child(even) td,
body.vmic-record-page .inviteTab tr:nth-child(even) td {
    background: rgba(214,177,129,.035) !important;
}

body.vmic-client .myinfo a,
body.vmic-client .record_outer a,
body.vmic-client .inviteTab a,
body.vmic-client .myinfo font,
body.vmic-client .record_outer font,
body.vmic-client .inviteTab font {
    color: var(--vmic-gold) !important;
}

body.vmic-client .myinfo input,
body.vmic-client .myinfo select,
body.vmic-client .myinfo textarea,
body.vmic-client .record_outer input,
body.vmic-client .record_outer select,
body.vmic-client .record_outer textarea {
    border: 1px solid rgba(214,177,129,.24) !important;
    border-radius: 10px !important;
    background: var(--vmic-control-bg) !important;
    color: var(--vmic-ink) !important;
    box-shadow: none !important;
}

body.vmic-client .myinfo input:focus,
body.vmic-client .myinfo select:focus,
body.vmic-client .myinfo textarea:focus,
body.vmic-client .record_outer input:focus,
body.vmic-client .record_outer select:focus,
body.vmic-client .record_outer textarea:focus {
    border-color: var(--vmic-gold) !important;
    box-shadow: 0 0 0 3px rgba(214,177,129,.14) !important;
    outline: none !important;
}

body.vmic-client .myinfo button,
body.vmic-client .record_outer button,
body.vmic-client .myinfo input[type=button],
body.vmic-client .myinfo input[type=submit],
body.vmic-client .record_outer input[type=button],
body.vmic-client .record_outer input[type=submit],
body.vmic-client .layui-btn {
    border: 1px solid rgba(255,221,157,.46) !important;
    border-radius: 10px !important;
    background: var(--vmic-button-gold) !important;
    color: var(--button-primary-text) !important;
    font-weight: 900 !important;
}

body.vmic-client #layer_pages,
body.vmic-client .layui-laypage,
body.vmic-record-page #layer_pages,
body.vmic-record-page .layui-laypage {
    padding: 12px 0 !important;
    color: var(--vmic-muted) !important;
    text-align: center !important;
}

body.vmic-client .layui-laypage a,
body.vmic-client .layui-laypage span,
body.vmic-client #layer_pages a,
body.vmic-client #layer_pages span,
body.vmic-record-page .layui-laypage a,
body.vmic-record-page .layui-laypage span,
body.vmic-record-page #layer_pages a,
body.vmic-record-page #layer_pages span {
    border-color: rgba(214,177,129,.22) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--vmic-muted) !important;
}

body.vmic-client .layui-laypage .layui-laypage-curr .layui-laypage-em,
body.vmic-record-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: var(--vmic-gold) !important;
}

body.vmic-client .empty,
body.vmic-client .noInfo,
body.vmic-client tr.noInfo td,
body.vmic-client .layui-none,
body.vmic-record-page .empty,
body.vmic-record-page .noInfo,
body.vmic-record-page tr.noInfo td,
body.vmic-record-page .layui-none {
    min-height: 72px !important;
    border: 1px dashed rgba(214,177,129,.24) !important;
    background: rgba(214,177,129,.055) !important;
    color: var(--vmic-muted) !important;
    text-align: center !important;
}

body.vmic-auth-page input,
body.vmic-auth-page select,
body.vmic-auth-page textarea,
body.vmic-bluev3-login input,
body.vmic-bluev3-login select,
body.vmic-bluev3-login textarea {
    caret-color: var(--vmic-gold) !important;
}

body.vmic-auth-page .layui-form-danger,
body.vmic-auth-page .layui-form-danger:focus,
body.vmic-bluev3-login .layui-form-danger,
body.vmic-bluev3-login .layui-form-danger:focus {
    border-color: rgba(231,92,92,.58) !important;
    box-shadow: 0 0 0 3px rgba(231,92,92,.14) !important;
}

/* Backend-driven homepage service entries. Keep content controlled by category.morec,
   but render it as a compact premium grid instead of a long duplicated list. */
body.vmic-home-premium .vmic-home-feature-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
    padding: 12px 0 14px !important;
    border-top: 1px solid rgba(214,177,129,.12) !important;
    border-bottom: 1px solid rgba(214,177,129,.16) !important;
}

body.vmic-home-premium .vmic-home-feature {
    display: flex !important;
    min-width: 0 !important;
    min-height: 84px !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 10px 4px 9px !important;
    border: 1px solid rgba(214,177,129,.20) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
        rgba(5, 8, 10, .92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
    text-align: center !important;
}

body.vmic-home-premium .vmic-home-feature + .vmic-home-feature {
    margin-top: 0 !important;
}

body.vmic-home-premium .vmic-feature-icon {
    width: 40px !important;
    height: 40px !important;
    border-color: rgba(214,177,129,.46) !important;
    background:
        radial-gradient(circle at 50% 50%, rgba(214,177,129,.16), rgba(214,177,129,.04) 62%, transparent 64%),
        rgba(2, 4, 6, .55) !important;
}

body.vmic-home-premium .vmic-feature-icon svg {
    width: 23px !important;
    height: 23px !important;
}

body.vmic-home-premium .vmic-feature-copy {
    width: 100% !important;
}

body.vmic-home-premium .vmic-home-feature strong {
    overflow: hidden !important;
    color: #f1d191 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-home-premium .vmic-home-feature em,
body.vmic-home-premium .vmic-home-feature b {
    display: none !important;
}

body.vmic-home-premium .vmic-home-feature:active {
    border-color: rgba(241,209,145,.46) !important;
    transform: translateY(1px) !important;
}

@media (max-width: 360px) {
    body.vmic-home-premium .vmic-home-feature-list {
        gap: 7px !important;
    }

    body.vmic-home-premium .vmic-home-feature {
        min-height: 78px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    body.vmic-home-premium .vmic-feature-icon {
        width: 36px !important;
        height: 36px !important;
    }

    body.vmic-home-premium .vmic-home-feature strong {
        font-size: 11px !important;
    }
}

body.vmic-home-premium .vmic-home-notice {
    grid-template-columns: auto minmax(0, 1fr) !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-notice marquee {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 4px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.vmic-home-premium .vmic-home-notice-text {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #f3ead8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-home-premium .vmic-home-notice b {
    display: none !important;
}

body.vmic-home-premium .vmic-home-news-item {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 70px !important;
    padding: 12px 14px !important;
    border-color: rgba(214,177,129,.18) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
        rgba(5,8,10,.94) !important;
}

body.vmic-home-premium .vmic-home-news-item.has-icon {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
}

body.vmic-page-articles .mnote li a.has-icon {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
}

body.vmic-home-premium .vmic-home-news-icon,
body.vmic-page-articles .vmic-article-list-icon,
body.vmic-page-article .vmic-article-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(214,177,129,.38) !important;
    border-radius: 50% !important;
    color: #e9bc73 !important;
    background: rgba(214,177,129,.07) !important;
}

body.vmic-home-premium .vmic-home-news-icon svg,
body.vmic-page-articles .vmic-article-list-icon svg,
body.vmic-page-article .vmic-article-icon svg {
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body.vmic-home-premium .vmic-home-news-item + .vmic-home-news-item {
    margin-top: 10px !important;
}

body.vmic-home-premium .vmic-home-news-item img {
    display: none !important;
}

body.vmic-home-premium .vmic-home-news-item strong {
    color: #fff9ec !important;
    font-size: 16px !important;
    line-height: 1.28 !important;
    -webkit-line-clamp: 1 !important;
}

body.vmic-home-premium .vmic-home-news-item em {
    margin-top: 7px !important;
    color: rgba(248,243,231,.62) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 1 !important;
}

body.vmic-home-premium .vmic-home-news-item time {
    display: block !important;
    margin-top: 8px !important;
    color: rgba(214,177,129,.78) !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

body.vmic-home-premium .vmic-home-hero-card {
    min-height: 146px !important;
    padding: 18px 18px 17px !important;
    border-color: rgba(214,177,129,.30) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(115deg, rgba(5,8,10,.98) 0%, rgba(7,10,12,.94) 58%, rgba(28,22,14,.72) 100%),
        rgba(4,7,9,.98) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 30px rgba(0,0,0,.28) !important;
}

body.vmic-home-premium .vmic-home-hero-card > div {
    max-width: 100% !important;
}

body.vmic-home-premium .vmic-home-hero-card span:not(.vmic-home-hero-media) {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    margin-bottom: 15px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(214,177,129,.34) !important;
    border-radius: 999px !important;
    color: #e9bc73 !important;
    background: rgba(214,177,129,.08) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.vmic-home-premium .vmic-home-hero-card strong {
    max-width: 100% !important;
    color: #fff9ec !important;
    font-size: 24px !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
}

body.vmic-home-premium .vmic-home-hero-card p {
    max-width: 100% !important;
    margin-top: 13px !important;
    color: rgba(248,243,231,.72) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
}

body.vmic-home-premium .vmic-home-hero-card time {
    margin-top: 14px !important;
    color: rgba(248,243,231,.62) !important;
    font-size: 14px !important;
}

@media (max-width: 360px) {
    body.vmic-home-premium .vmic-home-hero-card {
        min-height: 132px !important;
        padding: 15px 14px !important;
    }

    body.vmic-home-premium .vmic-home-hero-card strong {
        font-size: 20px !important;
    }

    body.vmic-home-premium .vmic-home-hero-card p {
        font-size: 13px !important;
    }
}

/* Existing forgot-password route, aligned with the VMIC auth screens. */
body.vmic-auth-forgot .vmic-auth-shell {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: min(100%, 450px);
    min-height: 100vh;
    margin: 0 auto;
    padding: 18px 22px 34px;
    box-sizing: border-box;
    background:
        radial-gradient(circle at 50% 19%, rgba(214, 177, 129, .24), transparent 24%),
        radial-gradient(circle at 50% 42%, rgba(214, 177, 129, .10), transparent 38%),
        linear-gradient(180deg, #05080c 0%, #0b1016 52%, #05070a 100%);
}

body.vmic-auth-forgot .vmic-auth-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    margin-bottom: 42px;
}

body.vmic-auth-forgot .vmic-auth-back {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(214, 177, 129, .58);
    border-radius: 50%;
    color: #e8bd72;
    font-size: 38px;
    line-height: 1;
    text-decoration: none;
}

body.vmic-auth-forgot .vmic-auth-title {
    flex: 1;
    color: #e8bd72;
    font-size: 20px;
    font-weight: 900;
    line-height: 42px;
    text-align: center;
}

body.vmic-auth-forgot .vmic-auth-spacer {
    width: 42px;
    height: 42px;
}

body.vmic-auth-forgot .vmic-auth-logo {
    display: grid;
    position: relative;
    z-index: 2;
    place-items: center;
    width: 76px;
    height: 76px;
    margin: 0 auto -38px;
    border: 1px solid rgba(255, 224, 160, .75);
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03)), #10151b;
    color: #f4d28a;
    font-size: 46px;
    font-weight: 900;
    box-shadow: 0 0 34px rgba(214, 177, 129, .34);
}

body.vmic-auth-forgot .vmic-auth-card {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    padding: 70px 22px 22px;
    border: 1px solid rgba(214, 177, 129, .44);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)), #0b1118;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .48);
    box-sizing: border-box;
}

body.vmic-auth-forgot .vmic-auth-heading {
    margin-bottom: 24px;
    text-align: center;
}

body.vmic-auth-forgot .vmic-auth-heading h1 {
    margin: 0 0 8px;
    color: #f1d18b;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.2;
}

body.vmic-auth-forgot .vmic-auth-heading p {
    margin: 0;
    color: rgba(248, 243, 231, .62);
    font-size: 14px;
    line-height: 1.5;
}

body.vmic-auth-forgot .vmic-auth-divider {
    width: 92px;
    height: 1px;
    margin: 18px auto 0;
    background: linear-gradient(90deg, transparent, rgba(239, 208, 139, .9), transparent);
}

body.vmic-auth-forgot .vmic-auth-field {
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    margin: 0 0 14px;
    padding: 0 14px;
    border: 1px solid rgba(214, 177, 129, .45);
    border-radius: 12px;
    background: #05080b;
    box-sizing: border-box;
}

body.vmic-auth-forgot .vmic-auth-field i {
    flex: 0 0 30px;
    color: #e8bd72;
    font-size: 22px;
    text-align: center;
}

body.vmic-auth-forgot .vmic-auth-field input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 54px;
    padding: 0 0 0 12px;
    border: 0;
    background: transparent;
    color: #f8f3e7;
    font-size: 16px;
    line-height: 54px;
    box-sizing: border-box;
    outline: none;
}

body.vmic-auth-forgot .vmic-auth-field input::placeholder {
    color: rgba(248, 243, 231, .42);
}

body.vmic-auth-forgot .vmic-auth-code-field {
    gap: 10px;
}

body.vmic-auth-forgot .vmic-auth-code-btn {
    flex: 0 0 112px;
    height: 40px;
    border: 1px solid rgba(214, 177, 129, .55);
    border-radius: 9px;
    background: rgba(214, 177, 129, .13);
    color: #f1d18b;
    font-size: 14px;
    font-weight: 900;
    line-height: 38px;
}

body.vmic-auth-forgot .vmic-auth-note {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 2px 0 18px;
    color: rgba(248, 243, 231, .58);
    font-size: 13px;
    line-height: 1.5;
}

body.vmic-auth-forgot .vmic-auth-note i {
    color: rgba(248, 243, 231, .5);
}

body.vmic-auth-forgot .vmic-auth-primary,
body.vmic-auth-forgot .vmic-auth-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin: 0 0 14px;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 900;
    text-decoration: none;
    box-sizing: border-box;
}

body.vmic-auth-forgot .vmic-auth-primary {
    border: 1px solid rgba(255, 224, 160, .58);
    background: linear-gradient(135deg, var(--button-primary-bg-start) 0%, var(--button-primary-bg-mid) 48%, var(--button-primary-bg-end) 100%);
    color: var(--button-primary-text);
    box-shadow: 0 14px 34px rgba(214, 177, 129, .24);
}

body.vmic-auth-forgot .vmic-auth-secondary {
    border: 1px solid rgba(255, 193, 92, .72);
    background: transparent;
    color: #f1d18b;
}

body.vmic-auth-forgot .vmic-auth-action-arrow {
    margin-left: auto;
    font-size: 26px;
    line-height: 1;
}

@media (max-width: 360px) {
    body.vmic-auth-forgot .vmic-auth-shell {
        padding-left: 14px;
        padding-right: 14px;
    }

    body.vmic-auth-forgot .vmic-auth-card {
        padding-left: 16px;
        padding-right: 16px;
    }

    body.vmic-auth-forgot .vmic-auth-code-btn {
        flex-basis: 96px;
        font-size: 13px;
    }
}

/* Multilingual fitting for the existing auth and homepage screens. */
body.vmic-auth-page,
body.vmic-home-premium {
    overflow-x: hidden !important;
}

body.vmic-auth-page .vmic-auth-shell {
    width: min(100%, 430px) !important;
    padding: 18px 16px 28px !important;
    align-items: center !important;
}

body.vmic-auth-page .vmic-auth-card.login {
    border-radius: 24px !important;
    padding: 22px !important;
}

body.vmic-auth-page .vmic-auth-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-width: 0 !important;
    margin-bottom: 18px !important;
}

body.vmic-auth-page .vmic-auth-back {
    flex: 0 0 auto !important;
}

body.vmic-auth-page .vmic-auth-language,
body.vmic-auth-page .vmic-auth-toplink {
    flex: 0 1 auto !important;
    max-width: calc(100% - 54px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-auth-page .vmic-auth-brand h2,
body.vmic-auth-page .vmic-auth-brand h3,
body.vmic-home-premium .vmic-home-logo strong,
body.vmic-home-premium .vmic-home-logo em {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body.vmic-auth-page .vmic-auth-heading {
    min-width: 0 !important;
}

body.vmic-auth-page .vmic-auth-heading .loginTitle {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    text-align: left !important;
}

body.vmic-auth-page .vmic-auth-heading span {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    line-height: 1.45 !important;
}

body.vmic-auth-page .vmic-auth-field {
    min-width: 0 !important;
    overflow: hidden !important;
}

body.vmic-auth-page .vmic-auth-field input {
    min-width: 0 !important;
    text-overflow: ellipsis !important;
}

body.vmic-auth-page .vmic-auth-options {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
}

body.vmic-auth-page .vmic-auth-options label,
body.vmic-auth-page .vmic-auth-options a {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
}

body.vmic-auth-page .vmic-auth-primary,
body.vmic-auth-page .vmic-auth-secondary,
body.vmic-auth-page .vmic-auth-code-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 8px 12px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

body.vmic-auth-page .vmic-auth-code-row {
    grid-template-columns: minmax(0, 1fr) minmax(88px, 32%) !important;
}

body.vmic-bluev3-register .vmic-register-phone-input {
    min-width: 0 !important;
}

body.vmic-bluev3-register .field,
body.vmic-bluev3-register label.vmic-auth-field,
body.vmic-bluev3-register .vmic-register-phone-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.vmic-bluev3-register .vmic-register-phone-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(88px, 32%) !important;
}

body.vmic-bluev3-register .vmic-register-code-btn,
body.vmic-bluev3-register .layui-btn.vmic-register-code-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

body.vmic-home-premium .vmic-home-shell {
    overflow-x: hidden !important;
}

body.vmic-home-premium .vmic-home-brand,
body.vmic-home-premium .vmic-home-logo {
    min-width: 0 !important;
}

body.vmic-home-premium .vmic-home-logo {
    flex: 1 1 auto !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-logo > span:last-child {
    min-width: 0 !important;
}

body.vmic-home-premium .vmic-home-logo strong {
    display: block !important;
    line-height: 1.05 !important;
}

body.vmic-home-premium .vmic-home-logo em {
    display: block !important;
    line-height: 1.18 !important;
}

body.vmic-home-premium .vmic-home-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.vmic-home-premium .vmic-home-action {
    min-width: 0 !important;
    min-height: 86px !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-action strong {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    text-align: center !important;
}

body.vmic-home-premium .vmic-home-notice {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    min-width: 0 !important;
}

body.vmic-home-premium .vmic-home-notice span {
    max-width: 96px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-home-premium .vmic-home-notice-text {
    min-width: 0 !important;
}

body.vmic-home-premium .vmic-home-hero-card h1,
body.vmic-home-premium .vmic-home-hero-card p,
body.vmic-home-premium .vmic-home-feature strong,
body.vmic-home-premium .vmic-home-news-heading strong,
body.vmic-home-premium .vmic-home-news-heading a,
body.vmic-home-premium .vmic-home-news-item strong,
body.vmic-home-premium .vmic-home-news-item em {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body.vmic-home-premium .vmic-home-hero-card h1 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

body.vmic-home-premium .vmic-home-hero-card p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

body.vmic-home-premium .vmic-home-feature strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
}

body.vmic-home-premium .vmic-home-news-heading {
    gap: 10px !important;
}

body.vmic-home-premium .vmic-home-news-heading strong {
    min-width: 0 !important;
}

body.vmic-home-premium .vmic-home-news-heading a {
    flex: 0 0 auto !important;
    max-width: 44% !important;
    text-align: center !important;
}

body.vmic-home-premium .vmic-foot-nav a {
    min-width: 0 !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-foot-nav p {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    text-align: center !important;
}

@media (max-width: 374px) {
    body.vmic-auth-page .vmic-auth-card.login {
        padding: 18px !important;
    }

    body.vmic-auth-page .vmic-auth-brand h2 {
        font-size: 28px !important;
    }

    body.vmic-auth-page .vmic-auth-code-row {
        grid-template-columns: minmax(0, 1fr) minmax(82px, 34%) !important;
        gap: 8px !important;
    }

    body.vmic-home-premium .vmic-home-actions,
    body.vmic-home-premium .vmic-home-feature-list {
        gap: 7px !important;
    }

    body.vmic-home-premium .vmic-home-action strong,
    body.vmic-home-premium .vmic-home-feature strong {
        font-size: 11px !important;
    }

    body.vmic-home-premium .vmic-foot-nav p {
        font-size: 10px !important;
    }
}

/* Prototype lock: login, register, reset-password and home screens. */
body.vmic-auth-page {
    min-height: 100vh !important;
    background:
        radial-gradient(ellipse at 50% 32%, rgba(214,177,129,.22) 0%, rgba(214,177,129,.08) 22%, transparent 42%),
        linear-gradient(180deg, #11100e 0%, #05080b 40%, #020405 100%) !important;
    color: #f8f3e7 !important;
}

body.vmic-auth-page .vmic-auth-shell {
    position: relative !important;
    display: block !important;
    width: min(100%, 430px) !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    padding: 26px 22px 34px !important;
    background:
        radial-gradient(ellipse at 50% 34%, rgba(214,177,129,.24), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.015), transparent 18%) !important;
    box-sizing: border-box !important;
}

body.vmic-auth-page .vmic-auth-card.login {
    position: static !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.vmic-auth-page .vmic-auth-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 52px !important;
    margin: 0 0 54px !important;
}

body.vmic-auth-page .vmic-auth-back {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    border: 1px solid rgba(214,177,129,.46) !important;
    border-radius: 50% !important;
    background: rgba(7,10,12,.58) !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 20px rgba(0,0,0,.24) !important;
}

body.vmic-auth-page .vmic-auth-back::before {
    content: "\2039";
    color: #e9b86e;
    font-size: 38px;
    line-height: 1;
    transform: translateY(-1px);
}

body.vmic-auth-page .vmic-auth-language,
body.vmic-auth-page .vmic-auth-toplink {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    max-width: calc(100% - 64px) !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(214,177,129,.44) !important;
    border-radius: 24px !important;
    background: rgba(10,13,16,.72) !important;
    color: #e9b86e !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 46px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

body.vmic-auth-page .vmic-auth-form {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
}

body.vmic-auth-page .vmic-auth-brand.title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    margin: 0 auto 54px !important;
    text-align: center !important;
}

body.vmic-auth-page .vmic-auth-brand.title::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 39px;
    width: min(360px, calc(100vw - 44px));
    max-width: 100%;
    height: 112px;
    transform: translateX(-50%);
    border-top: 1px solid rgba(214,177,129,.40);
    border-radius: 50% 50% 0 0;
    opacity: .78;
    pointer-events: none;
}

body.vmic-auth-page .vmic-auth-logo {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    place-items: center !important;
    width: 78px !important;
    height: 78px !important;
    margin: 0 0 22px !important;
    border: 1px solid rgba(255,224,160,.72) !important;
    border-radius: 50% !important;
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.025)), #111820 !important;
    color: #f2d38c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 50px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 0 46px rgba(214,177,129,.46), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.vmic-auth-page .vmic-auth-brand h2 {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    color: #f3c88a !important;
    font-size: 43px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.vmic-auth-page .vmic-auth-brand h3 {
    position: relative !important;
    z-index: 1 !important;
    margin: 12px 0 0 !important;
    color: #dce8ff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    text-transform: uppercase !important;
}

body.vmic-auth-page .vmic-auth-heading {
    width: 100% !important;
    margin: 0 0 18px !important;
}

body.vmic-auth-page .vmic-auth-heading .loginTitle {
    margin: 0 !important;
    color: #fff5df !important;
    font-size: 31px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-align: left !important;
    text-shadow: 0 0 14px rgba(214,177,129,.24) !important;
}

body.vmic-auth-page .vmic-auth-heading span {
    display: block !important;
    margin-top: 10px !important;
    color: rgba(248,243,231,.70) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

body.vmic-auth-page .vmic-auth-panel,
body.vmic-auth-forgot .vmic-auth-card {
    width: 100% !important;
    padding: 26px 22px 24px !important;
    border: 1px solid rgba(214,177,129,.38) !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)), rgba(9,14,18,.92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 22px 60px rgba(0,0,0,.42) !important;
    box-sizing: border-box !important;
}

body.vmic-auth-page .vmic-auth-field {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    height: 64px !important;
    margin: 0 0 18px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(214,177,129,.52) !important;
    border-radius: 12px !important;
    background: rgba(2,5,8,.82) !important;
    box-sizing: border-box !important;
}

body.vmic-auth-page .vmic-auth-field i,
body.vmic-auth-page .vmic-auth-field .iconfont {
    flex: 0 0 30px !important;
    width: 30px !important;
    color: #f0b866 !important;
    font-size: 26px !important;
    line-height: 1 !important;
    text-align: center !important;
}

body.vmic-auth-page .vmic-auth-field input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 62px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #f8f3e7 !important;
    font-size: 20px !important;
    line-height: 62px !important;
    box-shadow: none !important;
}

body.vmic-auth-page .vmic-auth-field input::placeholder {
    color: rgba(248,243,231,.42) !important;
}

body.vmic-auth-page .vmic-auth-options {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    margin: 2px 0 28px !important;
    color: rgba(248,243,231,.86) !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
}

body.vmic-auth-page .vmic-auth-options input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 8px 0 0 !important;
    accent-color: #d6a95f !important;
}

body.vmic-auth-page .vmic-auth-options a {
    color: #f0b866 !important;
    font-weight: 800 !important;
}

body.vmic-auth-page .vmic-auth-actions {
    display: grid !important;
    gap: 16px !important;
}

body.vmic-auth-page .vmic-auth-primary,
body.vmic-auth-page .vmic-auth-secondary,
body.vmic-auth-page .vmic-auth-code-btn {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 64px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 52px !important;
    border-radius: 12px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

body.vmic-auth-page .vmic-auth-primary {
    border: 1px solid rgba(255,224,160,.72) !important;
    background: linear-gradient(135deg, var(--button-primary-bg-start) 0%, var(--button-primary-bg-mid) 48%, var(--button-primary-bg-end) 100%) !important;
    color: var(--button-primary-text) !important;
    box-shadow: 0 14px 34px rgba(214,177,129,.30), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

body.vmic-auth-page .vmic-auth-secondary {
    border: 1px solid rgba(255,193,92,.76) !important;
    background: rgba(2,5,8,.34) !important;
    color: #f1c074 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body.vmic-auth-page .vmic-auth-action-arrow {
    position: absolute;
    right: 28px;
    top: 50%;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    transform: translateY(-50%);
}

body.vmic-bluev3-register .vmic-auth-shell {
    padding-top: 24px !important;
}

body.vmic-bluev3-register .vmic-auth-topbar {
    margin-bottom: 44px !important;
}

body.vmic-bluev3-register .vmic-auth-brand.title {
    margin-bottom: 40px !important;
}

body.vmic-bluev3-register .vmic-auth-panel {
    padding-top: 24px !important;
}

body.vmic-bluev3-register .vmic-auth-code-row,
body.vmic-auth-forgot .vmic-auth-code-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(112px, 32%) !important;
    gap: 0 !important;
    align-items: stretch !important;
    border: 1px solid rgba(214,177,129,.52) !important;
    border-radius: 12px !important;
    background: rgba(2,5,8,.82) !important;
    overflow: hidden !important;
    margin-bottom: 18px !important;
}

body.vmic-bluev3-register .vmic-register-phone-field,
body.vmic-auth-forgot .vmic-auth-code-field input {
    border: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

body.vmic-bluev3-register .vmic-register-code-btn,
body.vmic-auth-forgot .vmic-auth-code-btn {
    min-height: 64px !important;
    height: 64px !important;
    border: 0 !important;
    border-left: 1px solid rgba(214,177,129,.48) !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, rgba(191,135,62,.42), rgba(244,207,131,.22)) !important;
    color: #f1c074 !important;
    font-size: 16px !important;
    padding: 0 10px !important;
    box-shadow: none !important;
}

body.vmic-auth-forgot .vmic-auth-shell {
    display: block !important;
    padding-top: 26px !important;
}

body.vmic-auth-forgot .vmic-auth-title {
    color: #e9b86e !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

body.vmic-auth-forgot > .vmic-auth-logo,
body.vmic-auth-forgot .vmic-auth-shell > .vmic-auth-logo {
    display: grid !important;
    place-items: center !important;
    width: 86px !important;
    height: 86px !important;
    margin: 70px auto -43px !important;
    border: 1px solid rgba(255,224,160,.72) !important;
    border-radius: 50% !important;
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.025)), #111820 !important;
    color: #f2d38c !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 56px !important;
    font-weight: 900 !important;
    box-shadow: 0 0 46px rgba(214,177,129,.46) !important;
}

body.vmic-auth-forgot .vmic-auth-card {
    padding-top: 86px !important;
}

body.vmic-auth-forgot .vmic-auth-heading h1 {
    color: #f1d18b !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
}

body.vmic-auth-forgot .vmic-auth-divider {
    width: 100px !important;
    height: 1px !important;
    margin: 22px auto 26px !important;
    background: linear-gradient(90deg, transparent, rgba(239,208,139,.95), transparent) !important;
}

body.vmic-home-premium {
    min-height: 100vh !important;
    overflow-x: hidden !important;
    background: #030405 !important;
}

body.vmic-home-premium .vmic-home-shell {
    width: min(100%, 390px) !important;
    min-height: 100vh !important;
    padding: 24px 12px 92px !important;
    background:
        linear-gradient(90deg, rgba(214,177,129,.08), transparent 14%, transparent 86%, rgba(214,177,129,.08)),
        radial-gradient(circle at 50% -6%, rgba(214,177,129,.16), transparent 30%),
        #05080b !important;
    box-sizing: border-box !important;
}

body.vmic-home-premium .vmic-home-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px !important;
    padding: 0 10px 18px !important;
    border-bottom: 1px solid rgba(214,177,129,.18) !important;
}

body.vmic-home-premium .vmic-home-logo {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
}

body.vmic-home-premium .vmic-logo-mark {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    border-color: rgba(255,224,160,.62) !important;
    color: #f0c47b !important;
    font-size: 34px !important;
    box-shadow: 0 0 18px rgba(214,177,129,.22) !important;
}

body.vmic-home-premium .vmic-home-logo strong {
    color: #e9bc73 !important;
    font-size: 30px !important;
    line-height: 1 !important;
}

body.vmic-home-premium .vmic-home-logo em {
    margin-top: 4px !important;
    color: #f8f3e7 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
}

body.vmic-home-premium .vmic-home-account {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border: 1px solid rgba(214,177,129,.58) !important;
    border-radius: 50% !important;
    color: #e9bc73 !important;
    background: rgba(5,8,10,.38) !important;
}

body.vmic-home-premium .vmic-home-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 10px 0 10px !important;
    padding: 4px !important;
    border: 1px solid rgba(214,177,129,.24) !important;
    border-radius: 8px !important;
    background: rgba(4,7,9,.72) !important;
}

body.vmic-home-premium .vmic-home-action {
    min-height: 104px !important;
    padding: 18px 4px 12px !important;
    border: 1px solid rgba(214,177,129,.22) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)), rgba(9,13,15,.92) !important;
    text-align: center !important;
}

body.vmic-home-premium .vmic-action-icon {
    width: 34px !important;
    height: 34px !important;
    margin: 0 auto 13px !important;
    color: #e9bc73 !important;
}

body.vmic-home-premium .vmic-home-action strong {
    display: -webkit-box !important;
    color: #f8f3e7 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-notice {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) 20px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    margin: 0 0 12px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(214,177,129,.30) !important;
    border-radius: 7px !important;
    background: rgba(8,12,14,.92) !important;
}

body.vmic-home-premium .vmic-home-notice span {
    height: 24px !important;
    max-width: 92px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(214,177,129,.32) !important;
    border-radius: 999px !important;
    color: #e9bc73 !important;
    background: rgba(214,177,129,.10) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 22px !important;
    white-space: nowrap !important;
}

body.vmic-home-premium .vmic-home-notice-text {
    color: #f4ead8 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

body.vmic-home-premium .vmic-home-notice b {
    display: block !important;
    color: #e9bc73 !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

body.vmic-home-premium .vmic-home-hero-card {
    position: relative !important;
    display: block !important;
    min-height: 176px !important;
    margin: 0 0 12px !important;
    padding: 24px 20px !important;
    border: 1px solid rgba(214,177,129,.34) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background:
        linear-gradient(90deg, rgba(5,8,10,.99) 0%, rgba(7,10,12,.95) 56%, rgba(35,26,14,.70) 100%),
        rgba(4,7,9,.98) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 16px 32px rgba(0,0,0,.32) !important;
}

body.vmic-home-premium .vmic-home-hero-card > div {
    position: relative !important;
    z-index: 2 !important;
    max-width: 82% !important;
}

body.vmic-home-premium .vmic-home-hero-card span:not(.vmic-home-hero-media) {
    display: inline-flex !important;
    min-height: 26px !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #e9bc73 !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

body.vmic-home-premium .vmic-home-hero-card h1 {
    display: -webkit-box !important;
    margin: 0 !important;
    color: #fff9ec !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.36 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-hero-card p {
    display: -webkit-box !important;
    margin: 14px 0 0 !important;
    color: rgba(248,243,231,.78) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-hero-card time {
    display: block !important;
    margin-top: 18px !important;
    color: rgba(248,243,231,.70) !important;
    font-size: 14px !important;
}

body.vmic-home-premium .vmic-home-feature-list {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 1px solid rgba(214,177,129,.24) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: rgba(4,7,9,.68) !important;
}

body.vmic-home-premium .vmic-home-feature {
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) 22px !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 104px !important;
    padding: 12px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.010)), rgba(7,10,12,.88) !important;
    text-align: left !important;
}

body.vmic-home-premium .vmic-home-feature + .vmic-home-feature {
    border-top: 1px solid rgba(214,177,129,.22) !important;
}

body.vmic-home-premium .vmic-feature-icon {
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto !important;
    border: 1px solid rgba(214,177,129,.52) !important;
    border-radius: 50% !important;
    color: #e9bc73 !important;
    background: rgba(2,4,6,.50) !important;
}

body.vmic-home-premium .vmic-feature-icon svg {
    width: 34px !important;
    height: 34px !important;
}

body.vmic-home-premium .vmic-feature-copy {
    min-width: 0 !important;
}

body.vmic-home-premium .vmic-home-feature strong {
    display: block !important;
    color: #e9bc73 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

body.vmic-home-premium .vmic-home-feature em {
    display: -webkit-box !important;
    margin-top: 8px !important;
    color: rgba(248,243,231,.70) !important;
    font-size: 14px !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-feature b {
    display: block !important;
    color: #e9bc73 !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
}

body.vmic-home-premium .vmic-foot-nav {
    min-height: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid rgba(214,177,129,.24) !important;
    background: rgba(6,8,10,.96) !important;
}

body.vmic-home-premium .vmic-foot-nav a {
    color: rgba(248,243,231,.88) !important;
}

body.vmic-home-premium .vmic-foot-nav a.cur {
    color: #e9bc73 !important;
}

body.vmic-home-premium .vmic-foot-nav b {
    margin-bottom: 5px !important;
}

body.vmic-home-premium .vmic-foot-nav p {
    color: currentColor !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
}

@media (max-width: 374px) {
    body.vmic-auth-page .vmic-auth-shell {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.vmic-auth-page .vmic-auth-panel,
    body.vmic-auth-forgot .vmic-auth-card {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.vmic-auth-page .vmic-auth-brand h2 {
        font-size: 38px !important;
    }

    body.vmic-auth-page .vmic-auth-field,
    body.vmic-auth-page .vmic-auth-primary,
    body.vmic-auth-page .vmic-auth-secondary {
        min-height: 58px !important;
    }

    body.vmic-home-premium .vmic-home-feature {
        grid-template-columns: 66px minmax(0, 1fr) 18px !important;
    }

    body.vmic-home-premium .vmic-feature-icon {
        width: 54px !important;
        height: 54px !important;
    }
}

/* Highest-priority corrections for legacy .field and layui button rules. */
body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-field {
    width: 100% !important;
    max-width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 0 18px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(214,177,129,.52) !important;
    border-radius: 12px !important;
    background: rgba(2,5,8,.82) !important;
}

body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field input,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field input,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-field input {
    height: 62px !important;
    line-height: 62px !important;
    font-size: 20px !important;
}

body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-primary,
body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-secondary,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-primary,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-secondary,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-primary,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-secondary {
    height: 64px !important;
    min-height: 64px !important;
    line-height: 1.25 !important;
    border-radius: 12px !important;
    font-size: 20px !important;
}

body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .vmic-register-code-btn,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-code-btn {
    height: 64px !important;
    min-height: 64px !important;
    line-height: 1.25 !important;
}

/* Keep the register phone input and code button from colliding on narrow or translated labels. */
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .vmic-register-phone-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field.vmic-register-phone-field {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 0 12px 0 16px !important;
    overflow: hidden !important;
}

body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .vmic-register-phone-field .iconfont {
    flex: 0 0 26px !important;
    width: 26px !important;
    min-width: 26px !important;
    margin-right: 8px !important;
}

body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field input.vmic-register-phone-input {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 62px !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 17px !important;
    line-height: 62px !important;
}

body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-register-code-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    padding: 0 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
}

@media (max-width: 374px) {
    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .vmic-register-phone-row {
        grid-template-columns: minmax(0, 1fr) 88px !important;
    }

    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field.vmic-register-phone-field {
        padding-left: 12px !important;
        padding-right: 10px !important;
    }

    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field input.vmic-register-phone-input {
        font-size: 15px !important;
    }

    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-register-code-btn {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 14px !important;
    }
}

/* Home prototype: fixed quick actions, backend-driven list below. */
body.vmic-home-premium .vmic-home-actions .vmic-home-action {
    display: flex !important;
    min-width: 0 !important;
    min-height: 122px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 6px 12px !important;
}

body.vmic-home-premium .vmic-home-actions .vmic-action-icon {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: 10px !important;
}

body.vmic-home-premium .vmic-home-actions .vmic-home-action strong {
    display: -webkit-box !important;
    width: 100% !important;
    min-height: 36px !important;
    color: #fff9ec !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
    text-align: center !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-actions .vmic-home-action em {
    display: -webkit-box !important;
    width: 100% !important;
    margin-top: 6px !important;
    color: rgba(248,243,231,.62) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

@media (max-width: 374px) {
    body.vmic-home-premium .vmic-home-actions .vmic-home-action {
        min-height: 112px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    body.vmic-home-premium .vmic-home-actions .vmic-home-action strong {
        font-size: 14px !important;
    }

    body.vmic-home-premium .vmic-home-actions .vmic-home-action em {
        font-size: 11px !important;
    }
}

/* Migrated auth form behavior: scoped to login first, does not affect register/reset yet. */
body.vmic-auth-migrated .vmic-auth-language-switch {
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    max-width: calc(100% - 64px) !important;
    margin: 0 !important;
}

body.vmic-auth-migrated .vmic-auth-language-switch select {
    width: auto !important;
    max-width: 100% !important;
    min-width: 132px !important;
    min-height: 48px !important;
    padding: 0 var(--space-8) 0 var(--space-4) !important;
    border-color: var(--color-border-active) !important;
    border-radius: var(--radius-pill) !important;
    background: var(--color-surface-raised) !important;
    color: var(--color-gold-light) !important;
    font-size: var(--vmic-ds-font-md) !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.vmic-auth-migrated .vmic-auth-panel .vmic-form-field {
    margin-bottom: var(--space-4) !important;
}

body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-form-field {
    margin-bottom: var(--space-4) !important;
}

body.vmic-auth-migrated .vmic-auth-panel .vmic-form-field__label,
body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-form-field__label {
    margin-bottom: var(--space-2) !important;
    color: var(--color-gold-light) !important;
    font-size: var(--vmic-ds-font-sm) !important;
    font-weight: 800 !important;
}

body.vmic-auth-migrated .vmic-auth-panel .vmic-input-shell,
body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-input-shell {
    min-height: 64px !important;
    border-color: var(--color-border-active) !important;
    border-radius: var(--radius-md) !important;
    background: rgba(2, 5, 8, .82) !important;
}

body.vmic-auth-migrated .vmic-auth-panel .vmic-input-shell input,
body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-input-shell input {
    height: 62px !important;
    font-size: clamp(16px, 5vw, 20px) !important;
}

body.vmic-auth-migrated .vmic-auth-panel .vmic-input-shell__icon,
body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-input-shell__icon {
    width: 54px !important;
    flex-basis: 54px !important;
    color: var(--color-gold-light) !important;
}

body.vmic-auth-migrated .vmic-auth-panel .vmic-input-action,
body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-input-action {
    align-self: stretch !important;
    min-width: 72px !important;
    max-width: 116px !important;
    padding: 0 var(--space-3) !important;
}

body.vmic-auth-forgot.vmic-auth-migrated .vmic-auth-code-field {
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

body.vmic-auth-forgot.vmic-auth-migrated .vmic-auth-code-field input {
    border: 0 !important;
    margin: 0 !important;
}

body.vmic-auth-forgot.vmic-auth-migrated .vmic-auth-code-field .vmic-input-action {
    min-height: 64px !important;
    height: auto !important;
}

body.vmic-bluev3-register.vmic-auth-migrated .vmic-auth-panel .vmic-register-phone-row {
    display: block !important;
    grid-template-columns: none !important;
    overflow: visible !important;
}

body.vmic-auth-migrated .vmic-auth-form-status {
    display: none !important;
    margin: 0 0 var(--space-4) !important;
    padding: var(--space-3) var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: rgba(8, 11, 14, .82) !important;
    color: var(--color-text-secondary) !important;
    font-size: var(--vmic-ds-font-sm) !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

body.vmic-auth-migrated .vmic-auth-form-status.is-visible {
    display: block !important;
}

body.vmic-auth-migrated .vmic-auth-form-status.is-error {
    border-color: rgba(255, 91, 91, .36) !important;
    color: var(--color-danger) !important;
}

body.vmic-auth-migrated .vmic-auth-form-status.is-warning {
    color: var(--color-gold-light) !important;
}

body.vmic-auth-migrated .vmic-auth-check {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

body.vmic-auth-migrated .vmic-auth-check span,
body.vmic-auth-migrated .vmic-auth-options a {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 360px) {
    body.vmic-auth-migrated .vmic-auth-language-switch select {
        min-width: 118px !important;
        font-size: var(--vmic-ds-font-sm) !important;
    }

    body.vmic-auth-migrated .vmic-auth-options {
        grid-template-columns: 1fr !important;
        gap: var(--space-3) !important;
    }
}

body.vmic-home-premium .vmic-home-news .vmic-empty-state {
    margin: 0 !important;
    padding: 28px 18px !important;
    border: 1px solid rgba(214, 177, 129, .28) !important;
    border-radius: 8px !important;
    background: rgba(5, 8, 11, .72) !important;
}

body.vmic-home-premium .vmic-home-news-status {
    min-height: 22px !important;
    margin-top: 12px !important;
    color: rgba(248, 243, 231, .58) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}

body.vmic-home-premium .vmic-home-news-status.is-loading {
    color: #f0c47b !important;
}

body.vmic-home-premium .vmic-home-news-status.is-error {
    color: #ff6b6b !important;
}

body.vmic-home-premium .vmic-home-news-status.is-finished {
    color: rgba(248, 243, 231, .48) !important;
}

/* E2E and browser fallback: gradients do not set computed backgroundColor. */
body.vmic-client,
body.vmic-bluev3-home,
body.vmic-bluev3-login,
body.vmic-bluev3-user,
body.vmic-auth-page,
body.vmic-home-premium {
    background-color: var(--color-bg-primary, #050709) !important;
}

/* Low-risk tail pages: shared content, download, article, calculator and status layouts. */
body.vmic-tail-page,
body.vmic-status-page {
    min-height: 100dvh !important;
    margin: 0 !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(217, 170, 89, .16), transparent 34%),
        linear-gradient(180deg, var(--color-bg-secondary), var(--color-bg-primary)) !important;
    color: var(--color-text-primary) !important;
    overflow-x: hidden !important;
}

.vmic-tail-shell,
.vmic-status-shell {
    width: min(100%, var(--content-max-width, 430px)) !important;
    min-height: 100dvh !important;
    margin: 0 auto !important;
    padding: calc(var(--space-4) + env(safe-area-inset-top)) clamp(14px, 4vw, 22px) calc(var(--space-8) + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
}

.vmic-tail-shell *,
.vmic-status-shell * {
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.vmic-tail-header,
body.vmic-client .vmic-tail-header {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    min-height: var(--header-height, 56px) !important;
    margin-bottom: var(--space-4) !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    background: var(--color-bg-secondary) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    color: var(--color-text-primary) !important;
    overflow: visible !important;
}

.vmic-tail-header > span,
body.vmic-client .vmic-tail-header > span {
    color: var(--color-text-primary) !important;
    -webkit-text-fill-color: var(--color-text-primary) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    font-size: clamp(18px, 5vw, 22px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    text-shadow: none !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
}

.vmic-tail-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-pill) !important;
    background: rgba(8, 11, 14, .82) !important;
    color: var(--color-gold-light) !important;
    text-decoration: none !important;
}

.vmic-tail-back svg,
.vmic-status-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke: currentColor !important;
}

.vmic-tail-back:focus-visible,
.vmic-button-ds:focus-visible,
.vmic-tail-list-item:focus-visible {
    outline: 2px solid var(--color-gold-light) !important;
    outline-offset: 3px !important;
    box-shadow: var(--shadow-focus) !important;
}

.vmic-tail-card,
.vmic-download-card,
.vmic-status-card {
    width: 100% !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background:
        radial-gradient(circle at 80% 0%, rgba(217, 170, 89, .13), transparent 32%),
        linear-gradient(180deg, rgba(12, 16, 19, .94), rgba(5, 7, 9, .96)) !important;
    box-shadow: var(--shadow-card) !important;
}

.vmic-tail-card {
    padding: clamp(16px, 4vw, 24px) !important;
}

.vmic-section-heading {
    display: grid !important;
    gap: var(--space-2) !important;
    margin-bottom: var(--space-5) !important;
}

.vmic-section-heading h1 {
    margin: 0 !important;
    color: var(--color-text-primary) !important;
    font-size: clamp(22px, 6vw, 28px) !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere !important;
}

.vmic-section-heading p,
.vmic-tail-note,
.vmic-download-safe,
.vmic-tail-meta {
    margin: 0 !important;
    color: var(--color-text-secondary) !important;
    font-size: var(--vmic-ds-font-sm, 14px) !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
}

.vmic-download-card {
    display: grid !important;
    gap: var(--space-5) !important;
    padding: clamp(18px, 5vw, 28px) !important;
}

.vmic-download-brand {
    display: flex !important;
    align-items: center !important;
    gap: var(--space-4) !important;
}

.vmic-download-brand img {
    width: clamp(56px, 18vw, 78px) !important;
    aspect-ratio: 1 !important;
    height: auto !important;
    flex: 0 0 auto !important;
    border-radius: var(--radius-pill) !important;
    object-fit: contain !important;
    background: rgba(245, 241, 232, .94) !important;
}

.vmic-download-brand h1 {
    margin: 0 !important;
    color: var(--color-gold-light) !important;
    font-size: clamp(26px, 9vw, 38px) !important;
    line-height: 1 !important;
    overflow-wrap: anywhere !important;
}

.vmic-download-brand p,
.vmic-download-copy p {
    margin: var(--space-1) 0 0 !important;
    color: var(--color-text-secondary) !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
}

.vmic-download-copy {
    display: grid !important;
    gap: var(--space-2) !important;
}

.vmic-download-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--space-2) !important;
    min-height: 50px !important;
    height: auto !important;
    white-space: normal !important;
    text-align: center !important;
}

.vmic-download-button img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
}

.vmic-download-empty {
    margin: 0 !important;
    padding: var(--space-5) !important;
}

.vmic-app-browser-tip[hidden] {
    display: none !important;
}

.vmic-app-browser-tip {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2000 !important;
    padding: calc(var(--space-6) + env(safe-area-inset-top)) var(--space-4) var(--space-4) !important;
    background: rgba(0, 0, 0, .72) !important;
}

.vmic-app-browser-tip__panel {
    width: min(calc(100vw - 32px), 420px) !important;
    margin: 0 auto !important;
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    background: var(--color-surface-raised) !important;
    color: var(--color-text-primary) !important;
}

.vmic-app-browser-tip__panel span {
    display: block !important;
    line-height: 1.6 !important;
    overflow-wrap: anywhere !important;
}

.vmic-app-browser-tip__panel em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: var(--space-2) !important;
    border-radius: var(--radius-pill) !important;
    background: var(--color-gold-primary) !important;
    color: #050709 !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

.vmic-tail-list {
    display: grid !important;
    gap: var(--space-3) !important;
}

.vmic-tail-list-item {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: var(--space-3) !important;
    align-items: center !important;
    min-height: 74px !important;
    padding: var(--space-4) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: rgba(8, 11, 14, .78) !important;
    color: var(--color-text-primary) !important;
    text-decoration: none !important;
}

.vmic-tail-list-item__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: var(--radius-pill) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-gold-light) !important;
}

.vmic-tail-list-item h2,
.vmic-tail-list-item p {
    margin: 0 !important;
    overflow-wrap: anywhere !important;
}

.vmic-tail-list-item h2 {
    color: var(--color-text-primary) !important;
    font-size: clamp(15px, 4.4vw, 18px) !important;
    line-height: 1.35 !important;
}

.vmic-tail-list-item p {
    margin-top: var(--space-1) !important;
    color: var(--color-text-muted) !important;
    font-size: var(--vmic-ds-font-sm, 14px) !important;
    line-height: 1.45 !important;
}

.vmic-tail-pager {
    display: flex !important;
    justify-content: center !important;
    margin-top: var(--space-5) !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.vmic-tail-status {
    margin-top: var(--space-4) !important;
}

.vmic-tail-status .vmic-empty-state {
    margin: 0 !important;
    border-color: var(--color-border) !important;
    background: rgba(8, 11, 14, .78) !important;
}

.vmic-rich-content {
    color: var(--color-text-secondary) !important;
    font-size: clamp(14px, 3.8vw, 16px) !important;
    line-height: 1.75 !important;
    overflow-wrap: anywhere !important;
}

.vmic-rich-content h1,
.vmic-rich-content h2,
.vmic-rich-content h3,
.vmic-rich-content h4,
.vmic-rich-content h5,
.vmic-rich-content h6 {
    color: var(--color-text-primary) !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

.vmic-rich-content p,
.vmic-rich-content li,
.vmic-rich-content blockquote,
.vmic-rich-content td,
.vmic-rich-content th {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.vmic-rich-content img,
.vmic-rich-content video,
.vmic-rich-content iframe {
    max-width: 100% !important;
}

.vmic-rich-content table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    border-collapse: collapse !important;
    -webkit-overflow-scrolling: touch !important;
}

.vmic-rich-content th,
.vmic-rich-content td {
    padding: var(--space-2) !important;
    border: 1px solid var(--color-border) !important;
}

.vmic-rich-content a {
    color: var(--color-gold-light) !important;
}

.vmic-page-agreement header:not(.vmic-tail-header) {
    display: none !important;
}

.vmic-agreement-content .investTop,
.vmic-agreement-content .line,
.vmic-agreement-content .baseInfo {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: inherit !important;
}

.vmic-agreement-content .instru {
    margin: 0 0 var(--space-4) !important;
    color: var(--color-text-primary) !important;
    font-size: clamp(22px, 6vw, 28px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

.vmic-calculator-form {
    display: grid !important;
    gap: var(--space-4) !important;
}

.vmic-calculator-form .vmic-input-shell {
    align-items: stretch !important;
}

.vmic-calculator-form input,
.vmic-calculator-form select {
    min-height: 48px !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--color-text-primary) !important;
    font: inherit !important;
    outline: none !important;
}

.vmic-calculator-form select {
    appearance: auto !important;
    padding-right: var(--space-2) !important;
}

.vmic-calculator-form .vmic-input-shell > span {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 var(--space-3) !important;
    color: var(--color-text-muted) !important;
    white-space: nowrap !important;
}

.vmic-calculator-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--space-3) !important;
}

.vmic-calculator-actions .vmic-button-ds {
    min-height: 48px !important;
    height: auto !important;
    white-space: normal !important;
}

.vmic-form-error {
    color: var(--color-danger) !important;
    font-size: var(--vmic-ds-font-sm, 14px) !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

.vmic-form-error:empty {
    display: none !important;
}

.vmic-table-scroll {
    width: 100% !important;
    margin-top: var(--space-5) !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.vmic-calculator-results ul {
    min-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.vmic-calculator-results li {
    border-bottom: 1px solid rgba(218, 170, 89, .14) !important;
}

.vmic-calculator-results dl {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(96px, 1fr)) !important;
    margin: 0 !important;
}

.vmic-calculator-results dd {
    min-height: 42px !important;
    margin: 0 !important;
    padding: var(--space-2) !important;
    color: var(--color-text-secondary) !important;
    font-size: var(--vmic-ds-font-sm, 14px) !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
}

.vmic-calculator-results .dd_titlecpm dd,
.vmic-calculator-results .c_dd_titlecpm dd {
    color: var(--color-gold-light) !important;
    font-weight: 800 !important;
}

.vmic-calculator-results .ul_bottomcpm,
.vmic-calculator-results .c_ul_bottomcpm {
    margin-top: var(--space-3) !important;
}

.vmic-calculator-results .ul_bottomcpm dl,
.vmic-calculator-results .c_ul_bottomcpm dl {
    grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) !important;
}

.vmic-status-shell {
    display: grid !important;
    place-items: center !important;
}

.vmic-status-card {
    display: grid !important;
    gap: var(--space-4) !important;
    padding: clamp(20px, 7vw, 34px) !important;
    text-align: center !important;
}

.vmic-status-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-pill) !important;
    color: var(--color-gold-light) !important;
    background: rgba(217, 170, 89, .08) !important;
}

.vmic-status-card h1,
.vmic-status-card p {
    margin: 0 !important;
    overflow-wrap: anywhere !important;
}

.vmic-status-card h1 {
    color: var(--color-text-primary) !important;
    font-size: clamp(22px, 6vw, 30px) !important;
}

.vmic-status-card p {
    color: var(--color-text-secondary) !important;
    line-height: 1.6 !important;
}

.vmic-status-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--space-3) !important;
}

.vmic-status-actions .vmic-button-ds {
    min-height: 48px !important;
    height: auto !important;
    white-space: normal !important;
}

@media (max-width: 360px) {
    .vmic-download-brand {
        align-items: flex-start !important;
    }

    .vmic-calculator-actions,
    .vmic-status-actions {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 700px) {
    .vmic-tail-shell,
    .vmic-status-shell {
        padding-inline: var(--space-6) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vmic-tail-page *,
    .vmic-status-page * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* PC keeps the mobile client structure centered with side gutters. */
@media (min-width: 1024px) {
    :root {
        --vmic-pc-frame-width: 450px;
    }

    html {
        background-color: var(--color-bg-primary, #050709) !important;
    }

    body[class*="vmic-"] {
        width: min(100%, var(--vmic-pc-frame-width)) !important;
        max-width: var(--vmic-pc-frame-width) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background-color: var(--color-bg-primary, #050709) !important;
    }

    body[class*="vmic-"] .mobile,
    body[class*="vmic-"] .vmic-app-shell,
    body[class*="vmic-"] .vmic-home-shell,
    body[class*="vmic-"] .vmic-auth-shell,
    body[class*="vmic-"] .vmic-tail-shell,
    body[class*="vmic-"] .vmic-status-shell {
        width: min(100%, var(--vmic-pc-frame-width)) !important;
        max-width: var(--vmic-pc-frame-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"]:has(.vmic-bottom-nav-ds) .mobile {
        padding-bottom: calc(var(--vmic-ds-bottom-nav-height, var(--bottom-nav-height, 64px)) + 24px) !important;
    }

    body[class*="vmic-"] .vmic-bottom-nav-ds,
    body[class*="vmic-"] .foot-nav {
        left: 50% !important;
        right: auto !important;
        width: min(100vw, var(--vmic-pc-frame-width)) !important;
        max-width: var(--vmic-pc-frame-width) !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .vmic-checkout-action-bar,
    body[class*="vmic-"] .invest_btn,
    body[class*="vmic-"] .details_foot,
    body[class*="vmic-"] .vmic-fixed-action-bar,
    body[class*="vmic-"] .vmic-page-sticky-actions {
        left: 50% !important;
        right: auto !important;
        width: min(100vw, var(--vmic-pc-frame-width)) !important;
        max-width: var(--vmic-pc-frame-width) !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .vmic-modal-root.is-sheet {
        align-items: center !important;
        padding: max(16px, var(--vmic-ds-safe-top, 0px)) 16px max(16px, var(--vmic-ds-safe-bottom, 0px)) !important;
    }

body[class*="vmic-"] .vmic-modal-ds--sheet {
        width: min(calc(100vw - 32px), var(--vmic-pc-frame-width)) !important;
        max-width: var(--vmic-pc-frame-width) !important;
        max-height: min(80dvh, 720px) !important;
        border-radius: var(--radius-lg, 18px) !important;
    }
}

/* New shared headers must not inherit legacy PC fixed-header positioning. */
body.vmic-client .vmic-app-header,
body.vmic-client .vmic-brand-header,
body[class*="vmic-"] .vmic-app-header,
body[class*="vmic-"] .vmic-brand-header {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.vmic-client .vmic-app-header__title,
body.vmic-client .vmic-brand-header__title,
body[class*="vmic-"] .vmic-app-header__title,
body[class*="vmic-"] .vmic-brand-header__title {
    color: var(--vmic-ds-text, var(--color-text-primary, #f5f1e8)) !important;
}

body.vmic-record-page .vmic-record-shell {
    padding-top: calc(var(--vmic-ds-safe-top, 0px) + clamp(14px, 4vw, 22px) + clamp(10px, 2.5vw, 19px)) !important;
}

/* Product Design pre-release polish: P1/P2 release blockers only. */
body.vmic-auth-page .vmic-auth-shell,
body.vmic-auth-page .vmic-auth-panel,
body.vmic-auth-forgot .vmic-auth-card {
    max-width: min(100%, var(--content-max-width, 450px)) !important;
    box-sizing: border-box !important;
}

@media (max-width: 374px) {
    body.vmic-auth-page .vmic-auth-topbar {
        gap: 8px !important;
    }

    body.vmic-auth-page .vmic-auth-brand.title::before {
        width: calc(100vw - 44px) !important;
    }
}

body.vmic-investment-detail-page .vmic-sticky-action {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--space-2, 8px) !important;
}

body.vmic-investment-detail-page {
    --app-action-bar-height: calc(76px + env(safe-area-inset-bottom, 0px));
    --app-bottom-nav-height: var(--vmic-ds-bottom-nav-height, var(--bottom-nav-height, 64px));
    --app-action-nav-gap: 1px;
    --app-content-bottom-space: calc(var(--app-action-bar-height) + var(--app-bottom-nav-height) + var(--app-action-nav-gap) + var(--space-4, 16px));
}

body.vmic-investment-detail-page .vmic-page-section {
    padding-bottom: var(--app-content-bottom-space) !important;
}

body.vmic-investment-detail-page .vmic-sticky-action,
body.vmic-frame-mode.vmic-investment-detail-page .vmic-sticky-action {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(var(--app-bottom-nav-height) + var(--app-action-nav-gap)) !important;
    z-index: 9997 !important;
    width: min(100vw, var(--content-max-width, 450px)) !important;
    max-width: var(--content-max-width, 450px) !important;
    margin: 0 !important;
    padding: var(--space-3, 12px) var(--space-4, 16px) calc(var(--space-3, 12px) + env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(180deg, rgba(5, 7, 9, 0), var(--color-bg-primary, #050709) 30%) !important;
    border-top: 1px solid var(--color-border, rgba(218, 170, 89, .24)) !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
}

body.vmic-investment-detail-page .vmic-sticky-action .invest_btn,
body.vmic-investment-detail-page .vmic-sticky-action .invest_btn[style],
body.vmic-frame-mode.vmic-investment-detail-page .vmic-sticky-action .invest_btn,
body.vmic-frame-mode.vmic-investment-detail-page .vmic-sticky-action .invest_btn[style] {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    display: inline-flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
}

body.vmic-frame-mode.vmic-investment-detail-page .vmic-sticky-action {
    width: min(100vw, var(--vmic-pc-frame-width, var(--content-max-width, 450px))) !important;
    max-width: var(--vmic-pc-frame-width, var(--content-max-width, 450px)) !important;
}

@media (max-width: 767px) {
    body.vmic-investment-detail-page .vmic-sticky-action {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        transform: none !important;
    }
}

/* Manual pre-release closure: keep runtime overlays inside the centered mobile frame on desktop. */
@media (min-width: 768px) {
    body[class*="vmic-"] .vmic-overlay-root,
    body[class*="vmic-"] .vmic-toast-root,
    body[class*="vmic-"] .vmic-modal-root,
    body[class*="vmic-"] .vmic-loading-overlay,
    body[class*="vmic-"] .signin-calendar-mask,
    body[class*="vmic-"] .signin-feedback-mask,
    body[class*="vmic-"] .vmic-redeem-mask,
    body[class*="vmic-"] .layui-layer-shade {
        left: 50% !important;
        right: auto !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(100vw, var(--vmic-pc-frame-width, var(--content-max-width, 450px))) !important;
        height: 100dvh !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .vmic-modal-root,
    body[class*="vmic-"] .vmic-loading-overlay,
    body[class*="vmic-"] .signin-calendar-mask,
    body[class*="vmic-"] .signin-feedback-mask,
    body[class*="vmic-"] .vmic-redeem-mask {
        display: grid !important;
        place-items: center !important;
        padding: max(16px, var(--vmic-ds-safe-top, 0px)) 16px max(16px, var(--vmic-ds-safe-bottom, 0px)) !important;
        z-index: 12000 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }

    body[class*="vmic-"] .vmic-modal-root[hidden],
    body[class*="vmic-"] .signin-calendar-mask:not(.is-open),
    body[class*="vmic-"] .signin-feedback-mask:not(.is-open),
    body[class*="vmic-"] .vmic-redeem-mask:not(.is-open) {
        display: none !important;
    }

    body[class*="vmic-"] .vmic-modal-root.is-sheet {
        place-items: center !important;
        padding: max(16px, var(--vmic-ds-safe-top, 0px)) 16px max(16px, var(--vmic-ds-safe-bottom, 0px)) !important;
    }

    body[class*="vmic-"] .vmic-modal-ds,
    body[class*="vmic-"] .vmic-modal-ds--sheet,
    body[class*="vmic-"] .signin-calendar-panel,
    body[class*="vmic-"] .signin-feedback-panel,
    body[class*="vmic-"] .vmic-redeem-dialog {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, var(--content-max-width, 450px)) - 32px), 420px) !important;
        max-width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, var(--content-max-width, 450px)) - 32px), 420px) !important;
        max-height: min(calc(100dvh - 32px), 720px) !important;
        margin: 0 auto !important;
        transform: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body[class*="vmic-"] .layui-layer,
    body[class*="vmic-"] .layui-layer.layui-layer-page,
    body[class*="vmic-"] .layui-layer-dialog,
    body[class*="vmic-"] .layui-layer-msg {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, var(--content-max-width, 450px)) - 32px), 420px) !important;
        max-width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, var(--content-max-width, 450px)) - 32px), 420px) !important;
        max-height: min(calc(100dvh - 32px), 720px) !important;
        margin: 0 !important;
        transform: translate(-50%, -50%) !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .vmic-modal-header,
    body[class*="vmic-"] .signin-calendar-head,
    body[class*="vmic-"] .signin-feedback-head {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body[class*="vmic-"] .vmic-toast-ds {
        left: 50% !important;
        top: auto !important;
        bottom: calc(var(--vmic-ds-safe-bottom, 0px) + 24px) !important;
        width: min(360px, calc(var(--vmic-pc-frame-width, var(--content-max-width, 450px)) - 32px)) !important;
        max-width: calc(100vw - 32px) !important;
        transform: translateX(-50%) !important;
        z-index: 13000 !important;
    }
}

body.vmic-home-premium .vmic-home-notice-content {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Keep Japanese quick-action labels readable across the mobile/tablet shell. */
@media (max-width: 768px) {
    body.vmic-home-premium .vmic-home-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.vmic-home-premium .vmic-home-actions .vmic-home-action {
        min-height: 112px !important;
        padding: 14px 10px 12px !important;
    }

    body.vmic-home-premium .vmic-home-actions .vmic-home-action strong,
    body.vmic-home-premium .vmic-home-actions .vmic-home-action em {
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
    }
}

body.vmic-home-premium .vmic-home-notice-text {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 22px !important;
    color: #f4ead8 !important;
    line-height: 22px !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-investment-detail-page .vmic-sticky-action .invest_btn {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
}

.vmic-invest-action-note {
    margin: 0;
    color: var(--color-text-secondary, #aaa49a);
    font-size: var(--vmic-ds-font-sm, 13px);
    line-height: 1.45;
    text-align: center;
    overflow-wrap: anywhere;
}

.vmic-recharge-method-count {
    flex: 0 1 auto;
    margin-top: 0 !important;
    padding: 4px 10px;
    border: 1px solid var(--color-border, rgba(218, 170, 89, .24));
    border-radius: var(--radius-pill, 999px);
    color: var(--color-gold-light, #f3ddae) !important;
    line-height: 1.35 !important;
    white-space: normal;
}

.vmic-recharge-source-note {
    margin-top: var(--space-3, 12px) !important;
}

.vmic-withdraw-page-shell .vmic-finance-stack form > .vmic-finance-stack:last-child {
    padding-bottom: calc(var(--space-6, 24px) + env(safe-area-inset-bottom));
}

.vmic-retired-feature-primary {
    color: #17110a !important;
    opacity: 1 !important;
    box-shadow: var(--shadow-gold, 0 10px 28px rgba(217, 170, 89, .22)) !important;
}

/* Final runtime overlay contract. Keep this last so page-level legacy rules cannot move dialogs. */
body[class*="vmic-"] #vmic-overlay-root,
body[class*="vmic-"] #vmic-toast-root {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    overflow: visible !important;
    transform: none !important;
}

body[class*="vmic-"] #vmic-overlay-root {
    z-index: var(--z-overlay, 12000) !important;
}

body[class*="vmic-"] #vmic-toast-root {
    z-index: var(--z-toast, 12300) !important;
}

body[class*="vmic-"] #vmic-overlay-root > .vmic-modal-root,
body[class*="vmic-"] #vmic-overlay-root > .vmic-loading-overlay {
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: max(16px, var(--vmic-ds-safe-top, 0px)) 16px max(16px, var(--vmic-ds-safe-bottom, 0px)) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    pointer-events: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] #vmic-overlay-root > .vmic-modal-root[hidden],
body[class*="vmic-"] #vmic-overlay-root > .vmic-loading-overlay:not(.is-active) {
    display: none !important;
}

body[class*="vmic-"] #vmic-overlay-root .vmic-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    transform: none !important;
}

body[class*="vmic-"] #vmic-overlay-root .vmic-modal-ds,
body[class*="vmic-"] #vmic-overlay-root .vmic-modal-ds--sheet {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: min(calc(100vw - 32px), 418px) !important;
    max-width: min(calc(100vw - 32px), 418px) !important;
    max-height: calc(100dvh - 32px) !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] #vmic-overlay-root .vmic-modal-footer {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] #vmic-toast-root .vmic-toast-ds {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(var(--vmic-ds-safe-bottom, 0px) + 24px) !important;
    top: auto !important;
    width: min(360px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    z-index: var(--z-toast, 12300) !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] #vmic-overlay-root .vmic-redeem-modal-actions {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: var(--space-3) !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] #vmic-overlay-root .vmic-redeem-modal-actions .vmic-button-ds {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: min(10rem, 100%) !important;
    min-height: 44px !important;
    height: auto !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: var(--space-3) var(--space-5) !important;
    border-radius: var(--radius-sm) !important;
    font-size: var(--vmic-ds-font-sm) !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    transform: none !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] #vmic-overlay-root .vmic-redeem-modal-actions .js-redeem-confirm:disabled {
    border-style: dashed !important;
    background: rgba(170, 164, 154, .14) !important;
    color: var(--color-text-secondary) !important;
}

@media (max-width: 359px) {
    body[class*="vmic-"] #vmic-overlay-root .vmic-redeem-modal-actions {
        flex-direction: column-reverse !important;
    }

    body[class*="vmic-"] #vmic-overlay-root .vmic-redeem-modal-actions .vmic-button-ds {
        width: 100% !important;
    }
}

body.vmic-investment-list-page {
    background: var(--color-bg-primary) !important;
}

body.vmic-investment-list-page .vmic-app-shell {
    background:
        radial-gradient(circle at 88% 8%, rgba(217, 170, 89, .08), transparent 28%),
        var(--color-bg-secondary) !important;
}

body.vmic-investment-list-page .vmic-page-section {
    width: 100% !important;
    margin-top: var(--space-5) !important;
    padding-inline: clamp(14px, 4vw, 18px) !important;
    padding-bottom: calc(var(--bottom-nav-height) + var(--space-7) + env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.vmic-investment-list-page .vmic-invest-list-heading {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--space-3) !important;
    margin: var(--space-2) 0 var(--space-5) !important;
}

body.vmic-investment-list-page .vmic-invest-list-heading h2 {
    margin: 0 !important;
    color: var(--color-text-primary) !important;
    font-size: clamp(20px, 5vw, 24px) !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}

body.vmic-investment-list-page .vmic-invest-record-entry {
    display: inline-flex !important;
    min-height: 44px !important;
    max-width: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--space-2) !important;
    padding: var(--space-2) var(--space-3) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-pill) !important;
    background: rgba(217, 170, 89, .08) !important;
    color: var(--color-gold-light) !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body.vmic-investment-list-page .vmic-invest-record-entry:hover,
body.vmic-investment-list-page .vmic-invest-record-entry:active,
body.vmic-investment-list-page .vmic-invest-record-entry:focus-visible {
    border-color: var(--color-border-active) !important;
    background: rgba(217, 170, 89, .16) !important;
    color: #fff4d7 !important;
    outline: none !important;
    box-shadow: var(--shadow-focus) !important;
}

body.vmic-investment-list-page .vmic-invest-tabs {
    margin-bottom: var(--space-5) !important;
}

body.vmic-investment-list-page .vmic-invest-list {
    gap: var(--space-5) !important;
}

body.vmic-investment-list-page .vmic-invest-card {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

body.vmic-investment-list-page .vmic-invest-card__header {
    align-items: flex-start !important;
    gap: var(--space-4) !important;
}

body.vmic-investment-list-page .vmic-invest-card__title-wrap {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: var(--space-2) var(--space-3) !important;
}

body.vmic-investment-list-page .vmic-invest-card__title {
    min-width: 0 !important;
    flex: 1 1 min(13rem, 100%) !important;
}

body.vmic-investment-list-page .vmic-invest-card__status {
    margin-top: 0 !important;
    white-space: normal !important;
    word-spacing: normal !important;
}

body.vmic-investment-list-page .vmic-invest-card__link {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-color: rgba(243, 221, 174, .46) !important;
    background: rgba(217, 170, 89, .12) !important;
    color: var(--color-gold-light) !important;
    opacity: 1 !important;
}

body.vmic-investment-list-page .vmic-invest-card__link svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    stroke-width: 2.3 !important;
}

body.vmic-investment-list-page .vmic-invest-card__link:hover,
body.vmic-investment-list-page .vmic-invest-card__link:active,
body.vmic-investment-list-page .vmic-invest-card__link:focus-visible {
    border-color: var(--color-border-active) !important;
    background: rgba(217, 170, 89, .22) !important;
    color: #fff4d7 !important;
    outline: none !important;
    box-shadow: var(--shadow-focus) !important;
}

@media (max-width: 359px) {
    body.vmic-investment-list-page .vmic-invest-record-entry {
        max-width: 58% !important;
        padding-inline: var(--space-2) !important;
    }
}

/* Auth hero compact pass: shared by login, register, and forgot-password. */
body.vmic-auth-page .vmic-auth-shell {
    min-height: 100dvh !important;
    padding: calc(12px + env(safe-area-inset-top, 0px)) clamp(16px, 4.8vw, 22px) 26px !important;
}

body.vmic-auth-page .vmic-auth-topbar {
    min-height: clamp(52px, 10.5vw, 62px) !important;
    margin: 0 0 clamp(8px, 2.6vw, 14px) !important;
}

body.vmic-auth-page .vmic-auth-back,
body.vmic-auth-page .vmic-auth-language,
body.vmic-auth-page .vmic-auth-toplink {
    height: 44px !important;
    min-height: 44px !important;
}

body.vmic-auth-page .vmic-auth-back {
    width: 44px !important;
    flex-basis: 44px !important;
}

body.vmic-auth-page .vmic-auth-brand.title {
    margin: 0 auto clamp(14px, 4vw, 20px) !important;
    min-height: clamp(122px, 31vw, 158px) !important;
    justify-content: flex-start !important;
}

body.vmic-auth-page .vmic-auth-brand.title::before {
    top: clamp(32px, 8vw, 38px) !important;
    height: clamp(60px, 16vw, 78px) !important;
    width: min(320px, calc(100vw - 44px)) !important;
}

body.vmic-auth-page .vmic-auth-logo {
    width: clamp(62px, 16vw, 70px) !important;
    height: clamp(62px, 16vw, 70px) !important;
    margin: 0 0 clamp(10px, 3vw, 14px) !important;
    font-size: clamp(39px, 10.5vw, 45px) !important;
    box-shadow: 0 0 30px rgba(214, 177, 129, .34), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow: hidden !important;
}

body.vmic-auth-page .vmic-auth-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
}

body.vmic-auth-page .vmic-auth-brand h2 {
    font-size: clamp(40px, 10.5vw, 46px) !important;
    line-height: .96 !important;
}

body.vmic-auth-page .vmic-auth-brand h3 {
    max-width: min(100%, 300px) !important;
    margin-top: clamp(5px, 1.5vw, 7px) !important;
    font-size: clamp(13px, 3.5vw, 15px) !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
}

body.vmic-auth-page .vmic-auth-heading {
    margin-bottom: clamp(10px, 3vw, 14px) !important;
}

body.vmic-auth-page .vmic-auth-heading .loginTitle,
body.vmic-auth-forgot .vmic-auth-heading h1 {
    font-size: clamp(25px, 7vw, 30px) !important;
    line-height: 1.12 !important;
}

body.vmic-auth-page .vmic-auth-heading span,
body.vmic-auth-forgot .vmic-auth-heading p {
    margin-top: 6px !important;
}

body.vmic-auth-page .vmic-auth-panel,
body.vmic-auth-forgot .vmic-auth-card {
    padding: clamp(14px, 4vw, 18px) !important;
}

body.vmic-auth-forgot .vmic-auth-card {
    margin-top: 0 !important;
}

body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-field,
body.vmic-auth-migrated .vmic-auth-panel .vmic-input-shell,
body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-input-shell {
    height: 54px !important;
    min-height: 54px !important;
    margin-bottom: 10px !important;
}

body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field input,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field input,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-field input,
body.vmic-auth-migrated .vmic-auth-panel .vmic-input-shell input,
body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-input-shell input {
    height: 52px !important;
    line-height: 52px !important;
    font-size: clamp(16px, 4.8vw, 18px) !important;
}

body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-primary,
body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-secondary,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-primary,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-secondary,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-primary,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-secondary,
body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .vmic-register-code-btn,
body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-code-btn {
    height: 54px !important;
    min-height: 54px !important;
    font-size: clamp(16px, 4.8vw, 18px) !important;
}

body.vmic-auth-page .vmic-auth-options {
    margin: 6px 0 10px !important;
}

body.vmic-auth-page .vmic-auth-actions {
    gap: 10px !important;
}

body.vmic-auth-forgot > .vmic-auth-logo,
body.vmic-auth-forgot .vmic-auth-shell > .vmic-auth-logo {
    display: none !important;
}

@media (max-height: 640px) {
    body.vmic-auth-page .vmic-auth-shell {
        padding-top: calc(6px + env(safe-area-inset-top, 0px)) !important;
        padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.vmic-auth-page .vmic-auth-topbar {
        min-height: 44px !important;
        margin-bottom: 4px !important;
    }

    body.vmic-auth-page .vmic-auth-brand.title {
        min-height: 118px !important;
        margin-bottom: 6px !important;
    }

    body.vmic-auth-page .vmic-auth-logo {
        width: 60px !important;
        height: 60px !important;
        font-size: 39px !important;
    }

    body.vmic-auth-page .vmic-auth-brand h2 {
        font-size: 39px !important;
    }

    body.vmic-auth-page .vmic-auth-brand h3 {
        font-size: 12px !important;
        margin-top: 3px !important;
    }

    body.vmic-auth-page .vmic-auth-heading {
        margin-bottom: 8px !important;
    }

    body.vmic-auth-page .vmic-auth-heading span,
    body.vmic-auth-forgot .vmic-auth-heading p {
        margin-top: 3px !important;
    }

    body.vmic-auth-page .vmic-auth-panel,
    body.vmic-auth-forgot .vmic-auth-card {
        padding: 10px !important;
    }

    body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field,
    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field,
    body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-field,
    body.vmic-auth-migrated .vmic-auth-panel .vmic-input-shell,
    body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-input-shell {
        height: 46px !important;
        min-height: 46px !important;
        margin-bottom: 7px !important;
    }

    body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field input,
    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .field.vmic-auth-field input,
    body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-field input,
    body.vmic-auth-migrated .vmic-auth-panel .vmic-input-shell input,
    body.vmic-auth-migrated .vmic-auth-card > .vmic-auth-form .vmic-input-shell input {
        height: 44px !important;
        line-height: 44px !important;
    }

    body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-primary,
    body.vmic-bluev3-login.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-secondary,
    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-primary,
    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .layui-btn.vmic-auth-secondary,
    body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-primary,
    body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-secondary,
    body.vmic-bluev3-register.vmic-auth-page .vmic-auth-panel .vmic-register-code-btn,
    body.vmic-auth-forgot.vmic-auth-page .vmic-auth-card .vmic-auth-code-btn {
        height: 46px !important;
        min-height: 46px !important;
    }

    body.vmic-auth-page .vmic-auth-options {
        margin: 2px 0 6px !important;
    }

    body.vmic-auth-page .vmic-auth-actions {
        gap: 6px !important;
    }
}

/* Settings profile compact card: final override for legacy user-page avatar rules. */
body.vmic-user-settings-page .vmic-settings-profile-card {
    display: flex !important;
    align-items: center !important;
    gap: clamp(14px, 4vw, 16px) !important;
    min-height: 0 !important;
    padding: clamp(18px, 4.5vw, 20px) !important;
}

body.vmic-user-settings-page .vmic-settings-avatar {
    flex: 0 0 clamp(56px, 15vw, 64px) !important;
    width: clamp(56px, 15vw, 64px) !important;
    height: clamp(56px, 15vw, 64px) !important;
    min-width: clamp(56px, 15vw, 64px) !important;
    min-height: clamp(56px, 15vw, 64px) !important;
}

body.vmic-user-settings-page .vmic-settings-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.vmic-user-settings-page .vmic-settings-profile-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: grid !important;
    gap: clamp(6px, 1.8vw, 8px) !important;
}

body.vmic-user-settings-page .vmic-settings-profile-copy strong {
    color: var(--color-text-primary) !important;
    font-size: clamp(24px, 6vw, 28px) !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.vmic-user-settings-page .vmic-settings-profile-copy span {
    color: var(--color-text-secondary) !important;
    font-size: clamp(16px, 4.2vw, 18px) !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Final primary gold button contract: keep enabled actions readable across legacy and DS buttons. */
body[class*="vmic-"] .vmic-button-ds--primary,
body[class*="vmic-"] .vmic-auth-primary,
body[class*="vmic-"] .vmic-button-primary,
body[class*="vmic-"] .vmic-button-accent,
body[class*="vmic-"] .vmic-recharge-submit,
body[class*="vmic-"] .vmic-withdraw-submit,
body[class*="vmic-"] #tixian-btn,
body[class*="vmic-"] .vmic-checkout-submit-btn,
body[class*="vmic-"] .finishReg.input_btn,
body[class*="vmic-"] input.input_btn,
body[class*="vmic-"] .btn_orange,
body[class*="vmic-"] .sub01,
body[class*="vmic-"] .novice_btn,
body[class*="vmic-"] button.login,
body[class*="vmic-"] .layui-btn:not(.vmic-button-ds--secondary):not(.vmic-button-ds--danger):not(.vmic-button-ds--ghost) {
    border-color: var(--button-primary-border) !important;
    background: linear-gradient(135deg, var(--button-primary-bg-start) 0%, var(--button-primary-bg-mid) 48%, var(--button-primary-bg-end) 100%) !important;
    color: var(--button-primary-text) !important;
    -webkit-text-fill-color: var(--button-primary-text) !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 30px rgba(217, 170, 89, .24), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
}

body[class*="vmic-"] .vmic-button-ds--primary *,
body[class*="vmic-"] .vmic-auth-primary *,
body[class*="vmic-"] .vmic-button-primary *,
body[class*="vmic-"] .vmic-button-accent *,
body[class*="vmic-"] .vmic-recharge-submit *,
body[class*="vmic-"] .vmic-withdraw-submit *,
body[class*="vmic-"] #tixian-btn *,
body[class*="vmic-"] .vmic-checkout-submit-btn *,
body[class*="vmic-"] .finishReg.input_btn *,
body[class*="vmic-"] input.input_btn *,
body[class*="vmic-"] .btn_orange *,
body[class*="vmic-"] .sub01 *,
body[class*="vmic-"] .novice_btn *,
body[class*="vmic-"] button.login *,
body[class*="vmic-"] .layui-btn:not(.vmic-button-ds--secondary):not(.vmic-button-ds--danger):not(.vmic-button-ds--ghost) * {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

body[class*="vmic-"] .vmic-button-ds--primary:hover,
body[class*="vmic-"] .vmic-auth-primary:hover,
body[class*="vmic-"] .vmic-button-primary:hover,
body[class*="vmic-"] .vmic-button-accent:hover,
body[class*="vmic-"] .vmic-recharge-submit:hover,
body[class*="vmic-"] .vmic-withdraw-submit:hover,
body[class*="vmic-"] #tixian-btn:hover,
body[class*="vmic-"] .vmic-checkout-submit-btn:hover,
body[class*="vmic-"] .finishReg.input_btn:hover,
body[class*="vmic-"] input.input_btn:hover,
body[class*="vmic-"] .btn_orange:hover,
body[class*="vmic-"] .sub01:hover,
body[class*="vmic-"] .novice_btn:hover,
body[class*="vmic-"] button.login:hover,
body[class*="vmic-"] .layui-btn:not(.vmic-button-ds--secondary):not(.vmic-button-ds--danger):not(.vmic-button-ds--ghost):hover {
    background: var(--button-primary-hover) !important;
    color: var(--button-primary-text) !important;
    -webkit-text-fill-color: var(--button-primary-text) !important;
}

body[class*="vmic-"] .vmic-button-ds--primary:active,
body[class*="vmic-"] .vmic-auth-primary:active,
body[class*="vmic-"] .vmic-button-primary:active,
body[class*="vmic-"] .vmic-button-accent:active,
body[class*="vmic-"] .vmic-recharge-submit:active,
body[class*="vmic-"] .vmic-withdraw-submit:active,
body[class*="vmic-"] #tixian-btn:active,
body[class*="vmic-"] .vmic-checkout-submit-btn:active,
body[class*="vmic-"] .finishReg.input_btn:active,
body[class*="vmic-"] input.input_btn:active,
body[class*="vmic-"] .btn_orange:active,
body[class*="vmic-"] .sub01:active,
body[class*="vmic-"] .novice_btn:active,
body[class*="vmic-"] button.login:active,
body[class*="vmic-"] .layui-btn:not(.vmic-button-ds--secondary):not(.vmic-button-ds--danger):not(.vmic-button-ds--ghost):active {
    background: var(--button-primary-active) !important;
    color: var(--button-primary-text) !important;
    -webkit-text-fill-color: var(--button-primary-text) !important;
}

body[class*="vmic-"] .vmic-button-ds--primary:disabled,
body[class*="vmic-"] .vmic-button-ds--primary.is-disabled,
body[class*="vmic-"] .vmic-button-ds--primary[aria-disabled="true"],
body[class*="vmic-"] .vmic-auth-primary:disabled,
body[class*="vmic-"] .vmic-auth-primary.is-disabled,
body[class*="vmic-"] .vmic-auth-primary[aria-disabled="true"],
body[class*="vmic-"] .vmic-button-primary:disabled,
body[class*="vmic-"] .vmic-button-primary.is-disabled,
body[class*="vmic-"] .vmic-button-primary[aria-disabled="true"],
body[class*="vmic-"] .vmic-button-accent:disabled,
body[class*="vmic-"] .vmic-button-accent.is-disabled,
body[class*="vmic-"] .vmic-button-accent[aria-disabled="true"],
body[class*="vmic-"] .vmic-recharge-submit:disabled,
body[class*="vmic-"] .vmic-recharge-submit.is-disabled,
body[class*="vmic-"] .vmic-withdraw-submit:disabled,
body[class*="vmic-"] .vmic-withdraw-submit.is-disabled,
body[class*="vmic-"] #tixian-btn:disabled,
body[class*="vmic-"] .vmic-checkout-submit-btn:disabled,
body[class*="vmic-"] .finishReg.input_btn:disabled,
body[class*="vmic-"] input.input_btn:disabled,
body[class*="vmic-"] .layui-btn:disabled,
body[class*="vmic-"] .layui-btn.is-disabled {
    border-color: var(--button-primary-disabled-border) !important;
    background: var(--button-primary-disabled-bg) !important;
    color: var(--button-primary-disabled-text) !important;
    -webkit-text-fill-color: var(--button-primary-disabled-text) !important;
    opacity: 1 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

/* Shared dark-theme select control. Keeps native mobile select readable while
   PC is progressively enhanced by vmic-ui.js. */
body[class*="vmic-"] .vmic-input-shell select.vmic-select-native {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    color: var(--color-text-primary) !important;
    color-scheme: dark;
}

body[class*="vmic-"] .vmic-input-shell select.vmic-select-native option {
    background: var(--color-surface-raised) !important;
    color: var(--color-text-primary) !important;
}

body[class*="vmic-"] .vmic-input-shell select.vmic-select-native option[value=""] {
    color: var(--color-text-muted) !important;
}

body.vmic-recharge-page .vmic-customer-service-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    margin-top: 16px;
    padding: 12px;
    border: 1px solid var(--color-border, rgba(217, 170, 89, .28));
    border-radius: 10px;
    background: rgba(255, 255, 255, .03);
    box-sizing: border-box;
}

body.vmic-recharge-page .vmic-customer-service-box__copy {
    min-width: 0;
    flex: 1 1 auto;
}

body.vmic-recharge-page .vmic-customer-service-box .title {
    color: var(--color-text-primary, #fff);
    font-size: var(--vmic-ds-font-md, 16px);
    font-weight: 700;
    line-height: 1.35;
}

body.vmic-recharge-page .vmic-customer-service-box .desc {
    margin-top: 4px;
    color: var(--color-text-secondary, rgba(255, 255, 255, .7));
    font-size: 12px;
    line-height: 1.5;
    opacity: .78;
    overflow-wrap: anywhere;
}

body.vmic-recharge-page .vmic-customer-service-box .vmic-btn-gold {
    flex: 0 0 auto;
    min-width: 128px;
    min-height: 42px;
    padding: 10px 16px;
    text-decoration: none;
}

body.vmic-recharge-page .vmic-crypto-recharge,
body.vmic-recharge-page .vmic-crypto-order {
    display: flex;
    flex-direction: column;
    gap: var(--space-4, 16px);
    min-width: 0;
    color: var(--color-text-primary, #f8f3e7);
}

body.vmic-recharge-page .vmic-crypto-order__status {
    display: grid;
    justify-items: start;
    gap: var(--space-2, 8px);
    padding: var(--space-3, 12px);
    border: 1px solid var(--color-border, rgba(214, 177, 129, .22));
    border-radius: var(--radius-md, 8px);
    background: rgba(255, 255, 255, .03);
}

body.vmic-recharge-page .vmic-crypto-order__status p {
    margin: 0;
    color: var(--color-text-secondary, #b8ad9a);
    font-size: var(--vmic-ds-font-sm, 13px);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

body.vmic-recharge-page .vmic-crypto-order__payment {
    display: flex;
    flex-direction: column;
    gap: var(--space-4, 16px);
    min-width: 0;
}

body.vmic-recharge-page .vmic-crypto-order__record-link {
    width: 100%;
    box-sizing: border-box;
}

body.vmic-recharge-page .vmic-crypto-order__record-link[hidden],
body.vmic-recharge-page .vmic-crypto-order__payment[hidden] {
    display: none !important;
}

body.vmic-recharge-page .vmic-crypto-recharge__heading h3,
body.vmic-recharge-page .vmic-crypto-order h3 {
    margin: 0;
    color: var(--color-text-primary, #f8f3e7);
    font-size: var(--vmic-ds-font-lg, 18px);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

body.vmic-recharge-page .vmic-crypto-recharge__heading p {
    margin: var(--space-1, 4px) 0 0;
    color: var(--color-text-secondary, #b8ad9a);
    font-size: var(--vmic-ds-font-sm, 13px);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

body.vmic-recharge-page .vmic-crypto-recharge__summary,
body.vmic-recharge-page .vmic-crypto-order__details {
    display: grid;
    gap: var(--space-2, 8px);
    margin: 0;
}

body.vmic-recharge-page .vmic-crypto-recharge__summary > div,
body.vmic-recharge-page .vmic-crypto-order__details > div,
body.vmic-recharge-page .vmic-crypto-recharge__estimate > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    min-width: 0;
}

body.vmic-recharge-page .vmic-crypto-recharge__summary dt,
body.vmic-recharge-page .vmic-crypto-order__details dt,
body.vmic-recharge-page .vmic-crypto-recharge__estimate span {
    flex: 0 1 auto;
    color: var(--color-text-secondary, #b8ad9a);
    font-size: var(--vmic-ds-font-sm, 13px);
}

body.vmic-recharge-page .vmic-crypto-recharge__summary dd,
body.vmic-recharge-page .vmic-crypto-order__details dd,
body.vmic-recharge-page .vmic-crypto-recharge__estimate strong {
    min-width: 0;
    margin: 0;
    color: var(--color-text-primary, #f8f3e7);
    font-variant-numeric: tabular-nums;
    text-align: right;
    overflow-wrap: anywhere;
}

body.vmic-recharge-page .vmic-crypto-recharge__field,
body.vmic-recharge-page .vmic-crypto-order__timing {
    display: grid;
    gap: var(--space-2, 8px);
}

body.vmic-recharge-page .vmic-crypto-recharge__field > label,
body.vmic-recharge-page .vmic-crypto-order__address-label {
    color: var(--color-text-primary, #f8f3e7);
    font-size: var(--vmic-ds-font-sm, 13px);
    font-weight: 750;
}

body.vmic-recharge-page .vmic-crypto-recharge__input {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-width: 0;
    border: 1px solid var(--color-border-active, rgba(214, 177, 129, .58));
    border-radius: var(--radius-md, 8px);
    background: rgba(2, 5, 8, .82);
}

body.vmic-recharge-page .vmic-crypto-recharge__input:focus-within {
    box-shadow: var(--shadow-focus, 0 0 0 3px rgba(214, 177, 129, .18));
}

body.vmic-recharge-page .vmic-crypto-recharge__input input[type="text"] {
    min-height: 50px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.vmic-recharge-page .vmic-crypto-recharge__input > span {
    padding: 0 var(--space-4, 16px);
    color: var(--color-gold-light, #f3ddae);
    font-weight: 800;
}

body.vmic-recharge-page .vmic-crypto-recharge__estimate {
    display: grid;
    gap: var(--space-3, 12px);
    padding: var(--space-4, 16px);
    border: 1px solid var(--color-border, rgba(214, 177, 129, .22));
    border-radius: var(--radius-md, 8px);
    background: rgba(255, 255, 255, .03);
}

body.vmic-recharge-page .vmic-crypto-recharge__estimate strong,
body.vmic-recharge-page .vmic-crypto-order__details dd.is-accent {
    color: var(--color-gold-light, #f3ddae);
}

body.vmic-recharge-page .vmic-crypto-recharge__risk {
    margin: 0;
    padding: var(--space-3, 12px);
    border-left: 3px solid var(--color-warning, #e4aa4f);
    background: rgba(228, 170, 79, .08);
    color: var(--color-text-secondary, #b8ad9a);
    font-size: var(--vmic-ds-font-sm, 13px);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

body.vmic-recharge-page .vmic-crypto-order__address {
    width: 100%;
    min-height: 72px;
    box-sizing: border-box;
    resize: vertical;
    overflow-wrap: anywhere;
}

body.vmic-recharge-page .vmic-crypto-order__address-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: var(--space-2, 8px);
    min-width: 0;
}

body.vmic-recharge-page .vmic-crypto-order__copy {
    align-self: stretch;
    min-width: 88px;
    min-height: 44px;
    padding-inline: var(--space-3, 12px);
    white-space: normal;
}

body.vmic-recharge-page .vmic-crypto-order__copy-tip {
    margin: var(--space-2, 8px) 0 0;
    color: var(--color-text-secondary, #b8ad9a);
    font-size: var(--vmic-ds-font-xs, 12px);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

body.vmic-recharge-page .vmic-crypto-order__qr {
    display: grid;
    place-items: center;
    margin: 0;
}

body.vmic-recharge-page .vmic-crypto-order__qr img {
    display: block;
    width: min(220px, 70%);
    max-width: 100%;
    height: auto;
    padding: var(--space-2, 8px);
    border-radius: var(--radius-sm, 6px);
    background: #fff;
    object-fit: contain;
}

body.vmic-recharge-page .vmic-crypto-order__timing p {
    margin: 0;
    color: var(--color-text-secondary, #b8ad9a);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 360px) {
    body.vmic-recharge-page .vmic-crypto-order__address-control {
        grid-template-columns: minmax(0, 1fr);
    }

    body.vmic-recharge-page .vmic-crypto-order__copy {
        width: 100%;
    }

    body.vmic-recharge-page .vmic-crypto-recharge__summary > div,
    body.vmic-recharge-page .vmic-crypto-order__details > div,
    body.vmic-recharge-page .vmic-crypto-recharge__estimate > div {
        display: grid;
        gap: var(--space-1, 4px);
    }

    body.vmic-recharge-page .vmic-crypto-recharge__summary dd,
    body.vmic-recharge-page .vmic-crypto-order__details dd,
    body.vmic-recharge-page .vmic-crypto-recharge__estimate strong {
        text-align: left;
    }
}

@media (max-width: 360px) {
    body.vmic-recharge-page .vmic-customer-service-box {
        align-items: stretch;
        flex-direction: column;
    }

    body.vmic-recharge-page .vmic-customer-service-box .vmic-btn-gold {
        width: 100%;
    }
}

/* Post-cascade sign-in calendar guard: keep home and user center dialog controls identical. */
body[class*="vmic-"] .signin-calendar-nav,
body[class*="vmic-"] .signin-calendar-nav span {
    color: var(--color-gold-light) !important;
    -webkit-text-fill-color: var(--color-gold-light) !important;
    opacity: 1 !important;
}

body[class*="vmic-"] .signin-calendar-actions {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm,
body[class*="vmic-"] .signin-calendar-actions .signin-calendar-cancel {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
}

@media (min-width: 1024px) {
    body[class*="vmic-"] .signin-calendar-mask {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(100vw, var(--vmic-pc-frame-width, 450px)) !important;
        max-width: var(--vmic-pc-frame-width, 450px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }

    body[class*="vmic-"] .signin-calendar-panel {
        width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, 450px) - 32px), 420px) !important;
        max-width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, 450px) - 32px), 420px) !important;
        margin: 0 auto !important;
        transform: none !important;
    }
}

@media (max-width: 360px) {
    body[class*="vmic-"] .signin-calendar-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Finance history pagination: one compact, touch-friendly control on every migrated page. */
body[class*="vmic-"] .vmic-pagination-wrap,
body[class*="vmic-"] .vmic-tender-pagination {
    width: 100% !important;
    margin-top: 20px !important;
    padding: 0 0 max(12px, env(safe-area-inset-bottom, 0px)) !important;
    overflow: visible !important;
}

body[class*="vmic-"] .vmic-pagination-wrap .pagination,
body[class*="vmic-"] .vmic-tender-pagination .pagination {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(104px, 1.22fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: min(100%, 390px) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 8px !important;
    overflow: visible !important;
    border: 1px solid var(--color-border-subtle) !important;
    border-radius: 16px !important;
    background: var(--color-surface-card) !important;
    box-shadow: var(--shadow-card) !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] .vmic-pagination-wrap .pagination li,
body[class*="vmic-"] .vmic-tender-pagination .pagination li {
    display: flex !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body[class*="vmic-"] .vmic-pagination-wrap .pagination li a,
body[class*="vmic-"] .vmic-pagination-wrap .pagination li span,
body[class*="vmic-"] .vmic-tender-pagination .pagination li a,
body[class*="vmic-"] .vmic-tender-pagination .pagination li span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    padding: 8px 7px !important;
    overflow: visible !important;
    border: 1px solid var(--color-border-default) !important;
    border-radius: 10px !important;
    background: var(--color-surface-raised) !important;
    color: var(--color-text-secondary) !important;
    font-size: clamp(11px, 3.15vw, 13px) !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] .vmic-pagination-wrap .pagination li.active span,
body[class*="vmic-"] .vmic-tender-pagination .pagination li.active span {
    border-color: var(--color-gold-primary) !important;
    background: linear-gradient(135deg, var(--color-gold-deep), var(--color-gold-light)) !important;
    color: var(--color-text-on-gold) !important;
}

body[class*="vmic-"] .vmic-pagination-wrap .pagination li.disabled span,
body[class*="vmic-"] .vmic-tender-pagination .pagination li.disabled span {
    border-color: var(--color-border-subtle) !important;
    background: rgba(255, 255, 255, .025) !important;
    color: var(--color-text-muted) !important;
    opacity: .72 !important;
}

@media (max-width: 340px) {
    body[class*="vmic-"] .vmic-pagination-wrap .pagination,
    body[class*="vmic-"] .vmic-tender-pagination .pagination {
        grid-template-columns: minmax(0, 1fr) minmax(92px, 1.15fr) minmax(0, 1fr) !important;
        gap: 6px !important;
        padding: 6px !important;
    }
}

/* Keep large project balances readable as one Japanese-currency value. */
body.vmic-page-checkout .vmic-checkout-summary-grid > div:nth-child(4) {
    grid-column: 1 / -1 !important;
}

body.vmic-page-checkout .vmic-checkout-summary-grid > div:nth-child(4) dd,
body.vmic-page-checkout .vmic-checkout-summary-grid #maxNum {
    font-size: clamp(15px, 4.4vw, 19px) !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* Homepage announcements: locale-safe single-line notice and stable cards. */
body.vmic-home-premium .vmic-home-notice {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 44px !important;
    gap: 8px !important;
    overflow: hidden !important;
}

body.vmic-home-premium .vmic-home-notice > span {
    flex: 0 0 auto !important;
    max-width: 92px !important;
}

body.vmic-home-premium .vmic-home-notice-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.vmic-home-premium .vmic-home-notice-text {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.vmic-home-premium .vmic-home-notice > b {
    display: block !important;
    flex: 0 0 20px !important;
    width: 20px !important;
}

body.vmic-home-premium .vmic-home-news-heading {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    margin-bottom: 10px !important;
    color: #e9bc73 !important;
}

body.vmic-home-premium .vmic-home-news-heading strong {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body.vmic-home-premium .vmic-home-hero-card h1,
body.vmic-home-premium .vmic-home-hero-card p,
body.vmic-home-premium .vmic-home-news-item strong,
body.vmic-home-premium .vmic-home-news-item em {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body.vmic-home-premium .vmic-home-notice-track {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 100% !important;
    gap: 32px !important;
    white-space: nowrap !important;
    will-change: transform !important;
}

body.vmic-home-premium .vmic-home-notice-track.is-animated {
    animation: vmic-home-notice-scroll 48s linear infinite !important;
}

body.vmic-home-premium .vmic-home-notice-track .vmic-home-notice-text {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

@keyframes vmic-home-notice-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-50% - 16px));
    }
}

@media (prefers-reduced-motion: reduce) {
    body.vmic-home-premium .vmic-home-notice-track.is-animated {
        width: 100% !important;
        min-width: 0 !important;
        animation: none !important;
    }

    body.vmic-home-premium .vmic-home-notice-track .vmic-home-notice-text:first-child {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.vmic-home-premium .vmic-home-notice-track .vmic-home-notice-text[aria-hidden="true"] {
        display: none !important;
    }
}

/* Final sign-in calendar parity rules. Keep this block last so home and user center share the same dialog chrome. */
body[class*="vmic-"] .signin-calendar-nav,
body[class*="vmic-"] .signin-calendar-nav span {
    color: var(--color-gold-light) !important;
    -webkit-text-fill-color: var(--color-gold-light) !important;
    opacity: 1 !important;
}

body[class*="vmic-"] .signin-calendar-nav {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-color: var(--color-border-active) !important;
    background: rgba(255, 255, 255, .035) !important;
}

body[class*="vmic-"] .signin-calendar-actions {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm,
body[class*="vmic-"] .signin-calendar-actions .signin-calendar-cancel {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm {
    border-color: var(--color-gold-primary) !important;
    background: linear-gradient(180deg, #f3ddae, #d9aa59) !important;
    color: var(--button-primary-text, #070b10) !important;
    -webkit-text-fill-color: var(--button-primary-text, #070b10) !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm:disabled,
body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm.is-signed,
body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm.is-loading {
    border-color: rgba(217, 170, 89, .46) !important;
    background: rgba(217, 170, 89, .16) !important;
    color: var(--color-gold-light) !important;
    -webkit-text-fill-color: var(--color-gold-light) !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-cancel {
    border-color: var(--color-border-active) !important;
    background: rgba(2, 5, 8, .62) !important;
    color: var(--color-gold-light) !important;
    -webkit-text-fill-color: var(--color-gold-light) !important;
}

@media (min-width: 1024px) {
    body[class*="vmic-"] .signin-calendar-mask {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(100vw, var(--vmic-pc-frame-width, 450px)) !important;
        max-width: var(--vmic-pc-frame-width, 450px) !important;
        height: 100dvh !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }

    body[class*="vmic-"] .signin-calendar-mask.is-open {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body[class*="vmic-"] .signin-calendar-panel {
        width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, 450px) - 32px), 420px) !important;
        max-width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, 450px) - 32px), 420px) !important;
        margin: 0 auto !important;
        transform: none !important;
    }
}

@media (max-width: 360px) {
    body[class*="vmic-"] .signin-calendar-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (min-width: 1024px) {
    body[class*="vmic-"] .signin-calendar-mask {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(100vw, var(--vmic-pc-frame-width, 450px)) !important;
        max-width: var(--vmic-pc-frame-width, 450px) !important;
        height: 100dvh !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }

    body[class*="vmic-"] .signin-calendar-mask.is-open {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body[class*="vmic-"] .signin-calendar-panel {
        width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, 450px) - 32px), 420px) !important;
        max-width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, 450px) - 32px), 420px) !important;
        margin: 0 auto !important;
        transform: none !important;
    }
}

/* Unified sign-in calendar dialog. Keep after legacy calendar rules. */
body[class*="vmic-"] .signin-calendar-mask {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2200 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100dvh !important;
    padding: max(12px, env(safe-area-inset-top, 0px)) 12px max(12px, env(safe-area-inset-bottom, 0px)) !important;
    background: rgba(0, 0, 0, .62) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body[class*="vmic-"] .signin-calendar-mask.is-open {
    display: flex !important;
}

body[class*="vmic-"] .signin-calendar-panel {
    position: relative !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    width: min(calc(100vw - 24px), 420px) !important;
    max-width: 420px !important;
    max-height: min(88dvh, 720px) !important;
    margin: 0 auto !important;
    border: 1px solid var(--color-border-active) !important;
    border-radius: var(--radius-lg) !important;
    background:
        radial-gradient(circle at 50% 0, rgba(217, 170, 89, .12), transparent 34%),
        linear-gradient(180deg, rgba(14, 20, 25, .98), rgba(7, 10, 13, .98)) !important;
    box-shadow: var(--shadow-modal) !important;
    transform: none !important;
    overflow: hidden !important;
}

body[class*="vmic-"] .signin-calendar-head {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--color-border) !important;
    background: rgba(5, 7, 9, .72) !important;
}

body[class*="vmic-"] .signin-calendar-heading {
    min-width: 0 !important;
    text-align: center !important;
}

body[class*="vmic-"] .signin-calendar-kicker {
    display: block !important;
    margin: 0 0 2px !important;
    color: var(--color-text-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
}

body[class*="vmic-"] .signin-calendar-heading h2 {
    margin: 0 !important;
    color: var(--color-text-primary) !important;
    font-size: clamp(18px, 5vw, 22px) !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
}

body[class*="vmic-"] #signinCalendarMonth {
    display: block !important;
    margin-top: 2px !important;
    color: var(--color-gold-light) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

body[class*="vmic-"] .signin-calendar-nav {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    border: 1px solid var(--color-border-active) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(255, 255, 255, .035) !important;
    color: var(--color-gold-light) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

body[class*="vmic-"] .signin-calendar-body {
    min-height: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

body[class*="vmic-"] .signin-calendar-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px 16px 0 !important;
}

body[class*="vmic-"] .signin-calendar-summary > div {
    min-width: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-md) !important;
    background: rgba(255, 255, 255, .04) !important;
}

body[class*="vmic-"] .signin-calendar-summary__continuous {
    grid-column: 1 / -1;
}

body[class*="vmic-"] .signin-calendar-status {
    margin: 8px 16px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--color-text-secondary) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

body[class*="vmic-"] .signin-calendar-weekdays,
body[class*="vmic-"] .signin-calendar-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    box-sizing: border-box !important;
}

body[class*="vmic-"] .signin-calendar-weekdays {
    padding-top: 14px !important;
    padding-bottom: 8px !important;
}

body[class*="vmic-"] .signin-calendar-weekdays span {
    min-width: 0 !important;
    color: var(--color-text-secondary) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

body[class*="vmic-"] .signin-calendar-grid {
    padding-bottom: 16px !important;
}

body[class*="vmic-"] .signin-calendar-day {
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    min-height: clamp(44px, 12vw, 54px) !important;
    padding: 5px 2px !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-sm) !important;
    background: rgba(255, 255, 255, .025) !important;
    color: var(--color-text-secondary) !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: hidden !important;
}

body[class*="vmic-"] .signin-calendar-day .num {
    color: inherit !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body[class*="vmic-"] .signin-calendar-day .status,
body[class*="vmic-"] .signin-calendar-day .reward,
body[class*="vmic-"] .signin-calendar-day .makeup-label {
    max-width: 100% !important;
    color: inherit !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
}

body[class*="vmic-"] .signin-calendar-day.today {
    border-color: var(--color-gold-primary) !important;
    color: var(--color-gold-light) !important;
    box-shadow: var(--shadow-focus) !important;
}

body[class*="vmic-"] .signin-calendar-day.signed {
    border-color: rgba(72, 211, 138, .5) !important;
    background: rgba(72, 211, 138, .14) !important;
    color: #c9f7db !important;
}

body[class*="vmic-"] .signin-calendar-day.missed:not(.no-credit) {
    border-color: rgba(255, 107, 107, .48) !important;
    background: rgba(255, 107, 107, .08) !important;
    color: #ffd0d0 !important;
}

body[class*="vmic-"] .signin-calendar-day.future,
body[class*="vmic-"] .signin-calendar-day.expired {
    opacity: 1 !important;
    color: rgba(170, 164, 154, .5) !important;
}

body[class*="vmic-"] .signin-calendar-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 14px 16px max(14px, env(safe-area-inset-bottom, 0px)) !important;
    border-top: 1px solid var(--color-border) !important;
    background: rgba(5, 7, 9, .9) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body[class*="vmic-"] .signin-calendar-actions .vmic-button-ds,
body[class*="vmic-"] .signin-calendar-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm {
    border-color: var(--color-gold-primary) !important;
    background: linear-gradient(180deg, #f3ddae, #d9aa59) !important;
    color: var(--button-primary-text, #070b10) !important;
    -webkit-text-fill-color: var(--button-primary-text, #070b10) !important;
    opacity: 1 !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm:disabled,
body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm.is-signed,
body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm.is-loading {
    border-color: rgba(217, 170, 89, .46) !important;
    background: rgba(217, 170, 89, .16) !important;
    color: var(--color-gold-light) !important;
    -webkit-text-fill-color: var(--color-gold-light) !important;
    opacity: 1 !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-cancel {
    border-color: var(--color-border-active) !important;
    background: rgba(2, 5, 8, .62) !important;
    color: var(--color-gold-light) !important;
    -webkit-text-fill-color: var(--color-gold-light) !important;
}

@media (max-width: 360px) {
    body[class*="vmic-"] .signin-calendar-mask {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    body[class*="vmic-"] .signin-calendar-panel {
        width: calc(100vw - 16px) !important;
    }

    body[class*="vmic-"] .signin-calendar-head {
        grid-template-columns: 40px minmax(0, 1fr) 40px !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body[class*="vmic-"] .signin-calendar-nav {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
    }

    body[class*="vmic-"] .signin-calendar-summary {
        grid-template-columns: minmax(0, 1fr) !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body[class*="vmic-"] .signin-calendar-weekdays,
    body[class*="vmic-"] .signin-calendar-grid {
        gap: 4px !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body[class*="vmic-"] .signin-calendar-day {
        min-height: 42px !important;
    }

    body[class*="vmic-"] .signin-calendar-actions {
        grid-template-columns: minmax(0, 1fr) !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

@media (hover: hover) and (pointer: fine) {
    body[class*="vmic-"] .vmic-input-shell--select.is-vmic-select-enhanced {
        position: relative !important;
        overflow: visible !important;
    }

    body[class*="vmic-"] .vmic-input-shell--select.is-vmic-select-enhanced .vmic-input-shell__control {
        position: static !important;
    }

    body[class*="vmic-"] .vmic-input-shell--select.is-vmic-select-enhanced .vmic-select-menu {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        background: var(--color-surface-raised) !important;
    }
}

/* Final targeted polish for user center and sign-in dialog regressions. */
body.vmic-wallet-page .vmic-app-header__right {
    min-width: 0 !important;
    overflow: visible !important;
}

body.vmic-wallet-page .vmic-settings-action {
    position: relative !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    flex: 0 0 54px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(243, 221, 174, .18), rgba(217, 170, 89, .07) 38%, rgba(5, 7, 9, .90) 70%),
        linear-gradient(180deg, rgba(30, 27, 21, .96), rgba(7, 8, 8, .98)) !important;
    border: 1.5px solid rgba(217, 170, 89, .82) !important;
    color: #f3ddae !important;
    box-shadow:
        inset 0 0 0 1px rgba(255, 244, 208, .06),
        inset 0 8px 18px rgba(243, 221, 174, .06),
        0 0 18px rgba(217, 170, 89, .12) !important;
}

body.vmic-wallet-page .vmic-settings-action::before {
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    border-radius: inherit !important;
    background: radial-gradient(circle, rgba(217, 170, 89, .12), rgba(217, 170, 89, 0) 62%) !important;
    pointer-events: none !important;
}

body.vmic-wallet-page .vmic-settings-action svg {
    position: relative !important;
    z-index: 1 !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    display: block !important;
    fill: currentColor !important;
    stroke: none !important;
    stroke-width: 0 !important;
    transform: none !important;
    filter: drop-shadow(0 1px 3px rgba(217, 170, 89, .45)) !important;
}

body.vmic-wallet-page .vmic-settings-action svg path {
    fill: currentColor !important;
    stroke: none !important;
}

@media (max-width: 360px) {
    body.vmic-wallet-page .vmic-settings-action {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        flex-basis: 50px !important;
    }

    body.vmic-wallet-page .vmic-settings-action svg {
        width: 28px !important;
        height: 28px !important;
        flex-basis: 28px !important;
    }
}

body[class*="vmic-"] select option {
    background: var(--color-surface-raised) !important;
    color: var(--color-text-primary) !important;
}

body[class*="vmic-"] .vmic-input-shell select.vmic-select-native option[value=""] {
    color: var(--color-text-muted) !important;
}

/* Post-cascade sign-in calendar guard: keep home and user center dialog controls identical. */
body[class*="vmic-"] .signin-calendar-nav,
body[class*="vmic-"] .signin-calendar-nav span {
    color: var(--color-gold-light) !important;
    -webkit-text-fill-color: var(--color-gold-light) !important;
    opacity: 1 !important;
}

body[class*="vmic-"] .signin-calendar-actions {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
}

body[class*="vmic-"] .signin-calendar-actions .signin-calendar-confirm,
body[class*="vmic-"] .signin-calendar-actions .signin-calendar-cancel {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    visibility: visible !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
}

@media (min-width: 1024px) {
    body[class*="vmic-"] .signin-calendar-mask {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(100vw, var(--vmic-pc-frame-width, 450px)) !important;
        max-width: var(--vmic-pc-frame-width, 450px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
    }

    body[class*="vmic-"] .signin-calendar-panel {
        width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, 450px) - 32px), 420px) !important;
        max-width: min(calc(100vw - 32px), calc(var(--vmic-pc-frame-width, 450px) - 32px), 420px) !important;
        margin: 0 auto !important;
        transform: none !important;
    }
}

@media (max-width: 360px) {
    body[class*="vmic-"] .signin-calendar-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}