/* =========================================================
   AICAIBAO V1 UNIFIED THEME 2026-08-08
   Visual layer only. No business/data/membership logic.
   ========================================================= */

:root{
    --acb-blue:#2563eb;
    --acb-blue-hover:#1d4ed8;
    --acb-blue-soft:#eff6ff;
    --acb-blue-line:#dbeafe;
    --acb-bg:#f6f8fb;
    --acb-card:#ffffff;
    --acb-card-soft:#fbfcfe;
    --acb-text:#182235;
    --acb-text-2:#344054;
    --acb-muted:#667085;
    --acb-subtle:#98a2b3;
    --acb-border:#e3e8ef;
    --acb-border-strong:#d8e0ea;
    --acb-red:#d4380d;
    --acb-green:#15803d;
    --acb-radius:14px;
    --acb-radius-lg:20px;
    --acb-shadow:0 10px 30px rgba(15,23,42,.055);
    --acb-shadow-lg:0 18px 48px rgba(15,23,42,.08);
}

/* ---------- Shared foundation ---------- */

html{
    background:var(--acb-bg);
    -webkit-text-size-adjust:100%;
    text-rendering:optimizeLegibility;
}

body{
    color:var(--acb-text-2);
    background:var(--acb-bg);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

body,
button,
input,
select,
textarea{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
}

a{
    transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

button,
.layui-btn{
    transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:2px solid rgba(37,99,235,.45);
    outline-offset:2px;
}

::selection{
    background:#dbeafe;
    color:#172554;
}

/* ---------- Shared fixed navigation ---------- */

.navbar.navbar-inverse{
    background:rgba(255,255,255,.97)!important;
    border:0!important;
    border-bottom:1px solid #e7ecf2!important;
    box-shadow:0 4px 18px rgba(15,23,42,.055)!important;
    backdrop-filter:saturate(145%) blur(14px);
    -webkit-backdrop-filter:saturate(145%) blur(14px);
}

.navbar.navbar-inverse>.container-fluid{
    width:100%!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding-left:20px!important;
    padding-right:20px!important;
}

.navbar-brand{
    display:flex!important;
    align-items:center!important;
}

.navbar-brand img{
    width:auto!important;
    object-fit:contain!important;
}

.navbar-inverse .navbar-nav>li>a{
    color:#475467!important;
    font-weight:520!important;
    border-radius:8px;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus{
    color:var(--acb-blue)!important;
    background:#f4f7ff!important;
}

.navbar-inverse .navbar-nav>li>a .layui-icon{
    margin-right:3px;
}

.search-v1,
#form-rearch .ss_key{
    color:#344054!important;
    background:#f8fafc!important;
    border:1px solid var(--acb-border-strong)!important;
    border-radius:9px!important;
    box-shadow:none!important;
}

.search-v1:focus,
#form-rearch .ss_key:focus{
    background:#fff!important;
    border-color:#93c5fd!important;
    box-shadow:0 0 0 3px rgba(59,130,246,.09)!important;
}

.ljk{
    overflow:hidden!important;
    margin-top:7px!important;
    padding:5px!important;
    background:#fff!important;
    border:1px solid var(--acb-border)!important;
    border-radius:10px!important;
    box-shadow:0 16px 38px rgba(15,23,42,.12)!important;
}

.ljk a{
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 9px!important;
    color:#344054!important;
    line-height:1.4!important;
    text-indent:0!important;
    border-radius:7px!important;
}

.ljk a:hover{
    color:var(--acb-blue)!important;
    font-weight:600!important;
    background:#f2f7ff!important;
}

@media (min-width:768px){
    .navbar.navbar-inverse{
        min-height:56px!important;
    }

    .navbar.navbar-inverse .navbar-brand{
        height:56px!important;
        padding:8px 12px 8px 0!important;
    }

    .navbar.navbar-inverse .navbar-brand img{
        max-height:38px!important;
    }

    .navbar-inverse .navbar-nav>li>a{
        height:56px!important;
        padding:11px 13px!important;
        line-height:34px!important;
        font-size:14px!important;
    }

    .navbar-form{
        margin-top:9px!important;
        margin-bottom:9px!important;
    }
}

@media (max-width:767px){
    .navbar.navbar-inverse>.container-fluid{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    .navbar-header{
        min-height:52px;
    }

    .navbar-brand{
        padding:7px 5px 7px 3px!important;
    }

    .navbar-brand img{
        max-height:34px!important;
    }

    .navbar-form{
        padding-top:7px!important;
        padding-bottom:7px!important;
    }

    .navbar-inverse .navbar-nav{
        margin:0!important;
        min-height:42px;
        align-items:center;
        gap:2px;
    }

    .navbar-inverse .navbar-nav>li{
        flex:1 1 auto;
        text-align:center;
    }

    .navbar-inverse .navbar-nav>li>a{
        min-height:38px!important;
        height:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:6px 5px!important;
        font-size:13px!important;
        line-height:1.2!important;
    }
}

/* ---------- Shared components ---------- */

.acb-card,
.v1-card{
    background:var(--acb-card);
    border:1px solid var(--acb-border);
    border-radius:var(--acb-radius);
    box-shadow:var(--acb-shadow);
}

.layui-btn-primary{
    color:#475467!important;
    background:#fff!important;
    border-color:#d9e0e8!important;
}

.layui-btn-primary:hover{
    color:var(--acb-blue)!important;
    background:#f4f7ff!important;
    border-color:#bfdbfe!important;
}

.layui-btn-normal,
.layui-bg-blue{
    background:var(--acb-blue)!important;
}

.layui-input,
.layui-textarea,
.layui-select,
input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"]{
    border-radius:8px;
}

.layui-input:focus,
.layui-textarea:focus{
    border-color:#93c5fd!important;
    box-shadow:0 0 0 3px rgba(59,130,246,.08)!important;
}

.layui-layer{
    overflow:hidden;
    border-radius:14px!important;
    box-shadow:0 22px 70px rgba(15,23,42,.18)!important;
}

.hytcan,
.hytcan .layui-layer-content{
    border-radius:16px!important;
}

/* ---------- Home ---------- */

.v1-home{
    background:var(--acb-bg)!important;
}

.v1-home #outer-wrap,
.v1-home #wrap,
.v1-home #main{
    background:transparent!important;
}

.v1-home .d1{
    position:relative;
    overflow:visible!important;
    margin-top:22px!important;
    margin-bottom:8px!important;
    padding:46px 18px 34px!important;
    background:
        radial-gradient(circle at 50% -35%,rgba(59,130,246,.12),transparent 46%),
        var(--acb-bg)!important;
}

.v1-home .d2{
    max-width:920px!important;
}

.v1-home .tt1{
    color:#101828!important;
    font-size:clamp(30px,4vw,42px)!important;
    line-height:1.22!important;
    font-weight:800!important;
    letter-spacing:-1px!important;
}

.v1-home .tt2{
    margin-top:12px!important;
    color:#667085!important;
    font-size:18px!important;
    line-height:1.6!important;
    font-weight:450!important;
}

.v1-home .hero-data-update{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px;
    width:auto!important;
    margin:14px auto 0!important;
    padding:5px 10px!important;
    color:#5b6b80!important;
    font-size:12px!important;
    line-height:1.4!important;
    background:rgba(255,255,255,.8)!important;
    border:1px solid #e4eaf2!important;
    border-radius:999px!important;
}

.v1-home .hero-data-update:before{
    width:7px!important;
    height:7px!important;
    margin:0!important;
    background:#22c55e!important;
    box-shadow:0 0 0 3px rgba(34,197,94,.10)!important;
}

.v1-home .q2{
    max-width:760px!important;
    margin-top:26px!important;
}

.v1-home .q3{
    height:58px!important;
    margin:0 auto!important;
    padding:5px 6px 5px 20px!important;
    background:#fff!important;
    border:1px solid #d7e0eb!important;
    border-radius:15px!important;
    box-shadow:0 14px 38px rgba(15,23,42,.07)!important;
}

.v1-home .q3:focus-within{
    border-color:#93c5fd!important;
    box-shadow:0 0 0 4px rgba(59,130,246,.08),0 18px 44px rgba(15,23,42,.08)!important;
}

.v1-home .dssk{
    height:46px!important;
    padding:0!important;
    color:#1f2937!important;
    font-size:15px!important;
    background:transparent!important;
}

.v1-home .dssk::placeholder{
    color:#98a2b3!important;
}

.v1-home .q4{
    min-width:112px!important;
    height:46px!important;
    padding:0 22px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:650!important;
    background:var(--acb-blue)!important;
    border:1px solid var(--acb-blue)!important;
    border-radius:10px!important;
    box-shadow:0 7px 18px rgba(37,99,235,.20)!important;
}

.v1-home .q4:hover{
    background:var(--acb-blue-hover)!important;
    border-color:var(--acb-blue-hover)!important;
    transform:translateY(-1px);
}

.v1-home .mfgp{
    max-width:920px!important;
    margin-top:20px!important;
    gap:8px!important;
}

.v1-home .mfgp a{
    min-height:36px!important;
    margin:0!important;
    padding:0 13px!important;
    color:#475467!important;
    font-size:13px!important;
    background:#fff!important;
    border:1px solid #e3e8ef!important;
    border-radius:9px!important;
    box-shadow:0 2px 8px rgba(15,23,42,.025)!important;
}

.v1-home .mfgp a:hover{
    color:var(--acb-blue)!important;
    background:#f8fbff!important;
    border-color:#bfdbfe!important;
}

.v1-home .mfgp .dh1{
    width:12px!important;
    height:12px!important;
    min-width:12px!important;
    margin-left:7px!important;
    box-shadow:none!important;
}

.v1-home .d1>div>p[style*="热门报告"]{
    margin-top:10px!important;
    color:#98a2b3!important;
    font-size:12px!important;
}

/* 首页研究标题 */
.v1-home div[style*="font-size:28px"][style*="text-align:center"]{
    max-width:900px;
    margin:36px auto 18px!important;
    color:#1f2937!important;
    font-size:24px!important;
    line-height:1.4!important;
    font-weight:750!important;
    letter-spacing:-.3px;
}

/* 首页历史研究卡片 */
.v1-home .k0{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    width:calc(100% - 32px)!important;
    max-width:980px!important;
    box-sizing:border-box;
}

.v1-home .k0 .k1{
    min-width:0!important;
    margin:0!important;
    padding:16px!important;
    background:#fff!important;
    border:1px solid #e3e8ef!important;
    border-radius:12px!important;
    box-shadow:0 6px 20px rgba(15,23,42,.035)!important;
}

.v1-home .k0 .k1:hover{
    border-color:#d6e3f5!important;
    box-shadow:0 12px 28px rgba(15,23,42,.065)!important;
    transform:translateY(-1px);
}

.v1-home .k0 .bt1{
    display:block!important;
    margin-bottom:10px!important;
    color:#1f2937!important;
    font-size:16px!important;
    line-height:1.4!important;
    font-weight:750!important;
}

.v1-home .k0 .bt1:hover{
    color:var(--acb-blue)!important;
}

.v1-home .k0 .bt2,
.v1-home .k0 .bt3{
    display:flex!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:4px 0!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:1.55!important;
}

.v1-home .k0 .s1{
    color:#98a2b3!important;
}

.v1-home .k0 .s2{
    color:#344054!important;
    font-variant-numeric:tabular-nums;
}

.v1-home .k0 .jycl{
    margin-top:8px!important;
    padding-top:9px!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:1.65!important;
    border-top:1px solid #edf0f4!important;
}

.v1-home .elementor-element-6845701 .elementor-cta{
    border:1px solid #e0e7f0!important;
    border-radius:18px!important;
    box-shadow:var(--acb-shadow)!important;
}

.v1-home .elementor-element-6845701 .elementor-cta__button{
    background:var(--acb-blue)!important;
    border-color:var(--acb-blue)!important;
    border-radius:9px!important;
    box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
}

.v1-home .elementor-element-6845701 .elementor-cta__button:hover{
    background:var(--acb-blue-hover)!important;
    border-color:var(--acb-blue-hover)!important;
}

.v1-home .footer-box{
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 24px!important;
    color:#98a2b3!important;
    background:#f8fafc!important;
    border-top:1px solid #e5eaf0!important;
}

.v1-home .footer-box .icp{
    float:none!important;
    width:100%;
    max-width:1240px;
    margin:0 auto;
}

.v1-home .footer-box a{
    color:#98a2b3!important;
    font-size:12px!important;
}

@media (max-width:980px){
    .v1-home .k0{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media (max-width:767px){
    .v1-home{
        padding-top:0!important;
    }

    .v1-home .d1{
        margin-top:0!important;
        padding:34px 14px 28px!important;
    }

    .v1-home .tt1{
        font-size:29px!important;
        letter-spacing:-.6px!important;
    }

    .v1-home .tt2{
        font-size:15px!important;
    }

    .v1-home .q2{
        width:100%!important;
        margin-top:22px!important;
    }

    .v1-home .q3{
        height:52px!important;
        padding:4px 5px 4px 14px!important;
        border-radius:13px!important;
    }

    .v1-home .dssk{
        height:42px!important;
        font-size:14px!important;
    }

    .v1-home .q4{
        min-width:88px!important;
        height:42px!important;
        padding:0 14px!important;
        font-size:13px!important;
    }

    .v1-home .mfgp{
        width:100%!important;
        margin-top:17px!important;
        gap:7px!important;
    }

    .v1-home .mfgp a{
        min-height:34px!important;
        padding:0 10px!important;
        font-size:12px!important;
    }

    .v1-home div[style*="font-size:28px"][style*="text-align:center"]{
        margin:28px auto 14px!important;
        padding:0 16px;
        font-size:20px!important;
    }

    .v1-home .k0{
        width:calc(100% - 20px)!important;
        grid-template-columns:1fr!important;
        gap:9px!important;
    }

    .v1-home .k0 .k1{
        padding:14px!important;
    }

    .v1-home .footer-box.hidden-xs{
        display:flex!important;
    }
}

/* ---------- Stock detail final harmonisation ---------- */

.v1-stock-page{
    background:var(--acb-bg)!important;
}

.v1-stock-page .v1-stock-intro,
.v1-stock-page .v1-stock-trend,
.v1-stock-page .v1-stock-check,
.v1-stock-page .v1-stock-financial-shell{
    border-color:#e2e8f0!important;
    box-shadow:0 8px 28px rgba(15,23,42,.045)!important;
}

.v1-stock-page .v1-company-overview-label b,
.v1-stock-page .v1-stock-trend__head>div>span,
.v1-stock-page .v1-stock-check__eyebrow{
    color:var(--acb-blue)!important;
}

.v1-stock-page .v1-stock-score-line{
    min-height:46px!important;
    padding:7px 12px!important;
    background:#f7f9fd!important;
    border-color:#e3e9f2!important;
    border-radius:9px!important;
}

.v1-stock-page .v1-stock-score-value{
    min-width:48px!important;
    height:29px!important;
    padding:0 10px!important;
    color:#246bfd!important;
    background:#edf4ff!important;
    border-color:#d6e3ff!important;
    border-radius:7px!important;
    font-size:15px!important;
}

.v1-stock-page .v1-stock-score-line .acbsm1{
    width:21px!important;
    height:21px!important;
    margin:0!important;
    border-color:#d8dee8!important;
    color:#8b98aa!important;
    background:#fff!important;
}

/* Keep A-share colour semantics: rise red, fall green. */
.v1-stock-page .stock-market.is-up,
.v1-stock-page .stock-market.is-up *{
    color:var(--acb-red)!important;
}

.v1-stock-page .stock-market.is-down,
.v1-stock-page .stock-market.is-down *{
    color:var(--acb-green)!important;
}

/* ---------- Screener / ranking / learning / portfolio / personal ---------- */

.v1-screener,
.v1-ranking,
.v1-learning,
.v1-portfolio-page,
.v1-personal-page{
    background:var(--acb-bg)!important;
}

.v1-screener .table1,
.v1-ranking .main1,
.v1-ranking .ranking-about,
.v1-portfolio-page .portfolio-card,
.v1-personal-page .kke1{
    border-color:#e1e7ef!important;
    box-shadow:0 8px 28px rgba(15,23,42,.05)!important;
}

/* ---------- Account / register ---------- */

.v1-account-page{
    min-height:100vh!important;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:56px 18px 30px!important;
    color:#344054!important;
    background:
        radial-gradient(circle at 50% 0,rgba(59,130,246,.11),transparent 42%),
        var(--acb-bg)!important;
}

.v1-account-page .login_logo{
    width:100%!important;
    max-width:420px!important;
    margin:0 auto 18px!important;
    text-align:center!important;
}

.v1-account-page .login_logo img{
    width:auto!important;
    max-width:180px!important;
    max-height:48px!important;
    object-fit:contain!important;
}

.v1-account-page .login_main,
.v1-account-page .reg_main{
    width:100%!important;
    max-width:420px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:28px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid #e1e7ef!important;
    border-radius:18px!important;
    box-shadow:var(--acb-shadow-lg)!important;
}

.v1-account-page .input_group{
    width:100%!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    margin:0 0 14px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #d9e1eb!important;
    border-radius:9px!important;
    box-shadow:none!important;
}

.v1-account-page .input_group:focus-within{
    border-color:#93c5fd!important;
    box-shadow:0 0 0 3px rgba(59,130,246,.08)!important;
}

.v1-account-page .login_icon{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#98a2b3!important;
    background:#f8fafc!important;
    border:0!important;
    border-right:1px solid #edf0f4!important;
}

.v1-account-page .input_group .input{
    flex:1!important;
    width:auto!important;
    height:44px!important;
    padding:0 12px!important;
    color:#344054!important;
    font-size:14px!important;
    background:#fff!important;
    border:0!important;
    outline:0!important;
}

.v1-account-page .input_group .input::placeholder{
    color:#98a2b3!important;
}

.v1-account-page .button_x{
    width:100%!important;
    height:44px!important;
    margin:4px 0 16px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:650!important;
    letter-spacing:2px!important;
    background:var(--acb-blue)!important;
    border:1px solid var(--acb-blue)!important;
    border-radius:9px!important;
    box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
}

.v1-account-page .button_x:hover{
    background:var(--acb-blue-hover)!important;
    border-color:var(--acb-blue-hover)!important;
}

.v1-account-page .login_form>a,
.v1-account-page .reg_main form>a{
    color:#667085!important;
    font-size:13px!important;
}

.v1-account-page .login_form>a:hover,
.v1-account-page .reg_main form>a:hover{
    color:var(--acb-blue)!important;
}

.v1-account-page>p{
    margin-top:18px!important;
    color:#98a2b3!important;
    font-size:12px!important;
}

.v1-account-page>p a{
    color:#667085!important;
}

.v1-account-page #ts_dialog{
    backdrop-filter:blur(4px);
}

@media (max-width:520px){
    .v1-account-page{
        padding:34px 12px 24px!important;
    }

    .v1-account-page .login_main,
    .v1-account-page .reg_main{
        padding:22px 18px!important;
        border-radius:15px!important;
    }
}

/* ---------- Membership ---------- */

.v1-membership-page{
    min-height:100vh;
    background:var(--acb-bg)!important;
}

.v1-membership-page .a1{
    width:calc(100% - 32px)!important;
    max-width:900px!important;
    margin:84px auto 44px!important;
    padding:0!important;
}

.v1-membership-page .kttitle{
    margin:0!important;
    padding:22px 24px!important;
    color:#101828!important;
    font-size:24px!important;
    line-height:1.3!important;
    font-weight:780!important;
    background:#fff!important;
    border:1px solid #e1e7ef!important;
    border-bottom:0!important;
    border-radius:16px 16px 0 0!important;
}

.v1-membership-page .wpk{
    padding:2px 24px 6px!important;
    background:#fff!important;
    border:1px solid #e1e7ef!important;
    border-top:1px solid #eef1f5!important;
    border-radius:0 0 16px 16px!important;
    box-shadow:var(--acb-shadow)!important;
}

.v1-membership-page .wpk1{
    min-height:86px!important;
    padding:18px 0!important;
    border-bottom:1px solid #edf0f4;
}

.v1-membership-page .wpk1:last-child{
    border-bottom:0;
}

.v1-membership-page .kctp1{
    width:52px!important;
    height:52px!important;
    object-fit:contain!important;
}

.v1-membership-page .wp2{
    padding:0 16px!important;
}

.v1-membership-page .w4{
    margin-bottom:5px!important;
    color:#1f2937!important;
    font-size:17px!important;
    font-weight:720!important;
}

.v1-membership-page .w5{
    color:#667085!important;
    font-size:13px!important;
    line-height:1.6!important;
}

.v1-membership-page .wp3{
    color:#1f2937!important;
    font-size:20px!important;
    font-weight:750!important;
}

.v1-membership-page .qi1{
    margin-top:18px!important;
    padding:22px 24px!important;
    text-align:right!important;
    background:#fff!important;
    border:1px solid #e1e7ef!important;
    border-radius:16px!important;
    box-shadow:var(--acb-shadow)!important;
}

.v1-membership-page .qi2{
    margin:9px 0!important;
}

.v1-membership-page .qian1{
    color:#667085!important;
    font-size:14px!important;
}

.v1-membership-page .qian2{
    margin-left:8px!important;
    color:#101828!important;
    font-size:30px!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums;
}

.v1-membership-page .dxan1{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

.v1-membership-page .dxan1 [lay-radio]{
    display:inline-flex!important;
    align-items:center!important;
    min-height:42px!important;
    padding:0 12px!important;
    background:#fff!important;
    border:1px solid #dfe5ec!important;
    border-radius:8px!important;
}

.v1-membership-page .dxan1 [lay-radio] img{
    max-height:24px!important;
    width:auto!important;
}

.v1-membership-page .dxan1 .layui-form-radioed,
.v1-membership-page .dxan1 .layui-form-radioed+[lay-radio]{
    border-color:#93c5fd!important;
    box-shadow:0 0 0 3px rgba(59,130,246,.07)!important;
}

.v1-membership-page .qi1 .layui-btn-danger,
.v1-membership-page .qi1 .layui-btn-lg{
    min-width:132px!important;
    height:44px!important;
    padding:0 22px!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:42px!important;
    font-weight:650!important;
    background:var(--acb-blue)!important;
    border:1px solid var(--acb-blue)!important;
    border-radius:9px!important;
    box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
}

.v1-membership-page .qi1 .layui-btn-danger:hover,
.v1-membership-page .qi1 .layui-btn-lg:hover{
    background:var(--acb-blue-hover)!important;
}

@media (max-width:767px){
    .v1-membership-page .a1{
        width:calc(100% - 20px)!important;
        margin-top:112px!important;
    }

    .v1-membership-page .kttitle{
        padding:18px!important;
        font-size:21px!important;
    }

    .v1-membership-page .wpk,
    .v1-membership-page .qi1{
        padding-left:16px!important;
        padding-right:16px!important;
    }

    .v1-membership-page .kctp1{
        width:44px!important;
        height:44px!important;
    }

    .v1-membership-page .wp2{
        padding:0 10px!important;
    }

    .v1-membership-page .w4{
        font-size:15px!important;
    }

    .v1-membership-page .wp3{
        font-size:16px!important;
    }

    .v1-membership-page .dxan1{
        justify-content:flex-start;
    }
}

/* ---------- About ---------- */

.v1-about-page{
    min-height:100vh;
    background:var(--acb-bg)!important;
}

.v1-about-page .container{
    width:calc(100% - 32px)!important;
    max-width:920px!important;
    margin:82px auto 46px!important;
    padding:0!important;
}

.v1-about-page .content{
    padding:30px!important;
    background:#fff!important;
    border:1px solid #e1e7ef!important;
    border-radius:18px!important;
    box-shadow:var(--acb-shadow)!important;
}

.v1-about-page h2,
.v1-about-page h3{
    color:#1f2937!important;
    font-weight:750!important;
}

.v1-about-page .section-title{
    margin:0 0 22px!important;
    padding:0 0 14px!important;
    color:#101828!important;
    font-size:26px!important;
    border-bottom:1px solid #e5eaf0!important;
}

.v1-about-page p{
    margin:0 0 16px!important;
    color:#475467!important;
    font-size:14px!important;
    line-height:1.85!important;
}

.v1-about-page .author-info,
.v1-about-page .contact-info{
    margin:24px 0 0!important;
    padding:22px!important;
    color:#475467!important;
    background:#f8fafc!important;
    border:1px solid #e3e8ef!important;
    border-radius:13px!important;
    box-shadow:none!important;
}

.v1-about-page .author-info h3,
.v1-about-page .contact-info h3{
    margin:0 0 12px!important;
    color:#1f2937!important;
    font-size:18px!important;
}

.v1-about-page .author-info p,
.v1-about-page .contact-info p{
    color:#5d6b7d!important;
}

.v1-about-page .contact-info a{
    color:var(--acb-blue)!important;
}

.v1-about-page .contact-info img{
    display:block!important;
    width:220px!important;
    max-width:100%!important;
    margin:16px 0 0!important;
    padding:8px;
    background:#fff;
    border:1px solid #e3e8ef;
    border-radius:10px;
}

@media (max-width:767px){
    .v1-about-page .container{
        width:calc(100% - 20px)!important;
        margin-top:112px!important;
    }

    .v1-about-page .content{
        padding:20px 16px!important;
        border-radius:14px!important;
    }

    .v1-about-page .section-title{
        font-size:22px!important;
    }
}

/* ---------- Legacy history page ---------- */

.v1-history-page{
    min-height:100vh!important;
    background:var(--acb-bg)!important;
}

.v1-history-page .h3c{
    width:calc(100% - 32px)!important;
    max-width:1180px!important;
    margin:82px auto 46px!important;
    gap:16px!important;
}

.v1-history-page .qw1,
.v1-history-page .z_right{
    background:#fff!important;
    border:1px solid #e1e7ef!important;
    border-radius:14px!important;
    box-shadow:var(--acb-shadow)!important;
}

.v1-history-page .wqtitle{
    color:#1f2937!important;
    background:#f8fafc!important;
    border-bottom:1px solid #e8edf3!important;
}

.v1-history-page .qw2 a{
    color:#475467!important;
}

.v1-history-page .qw2 a:hover{
    color:var(--acb-blue)!important;
}

/* ---------- Course player legacy ---------- */

.v1-course-player{
    background:var(--acb-bg)!important;
}

.v1-course-player .kc1{
    width:calc(100% - 32px)!important;
    max-width:1240px!important;
    margin:82px auto 40px!important;
}

.v1-course-player .kc3,
.v1-course-player .kc4{
    border-radius:14px!important;
}

.v1-course-player .layui-nav{
    color:#344054!important;
    background:#fff!important;
    border:1px solid #e1e7ef!important;
    border-radius:12px!important;
    box-shadow:var(--acb-shadow)!important;
}

/* ---------- Mobile shared tuning ---------- */

@media (max-width:767px){
    :root{
        --acb-radius:12px;
        --acb-radius-lg:16px;
    }

    .layui-layer{
        max-width:calc(100vw - 20px)!important;
    }
}