:root{
    --app-width:600px;
    --app-bg:#f3f7fa;
    --stage-bg:linear-gradient(135deg,#edf7f4 0%,#e9f0fb 48%,#f9f1e6 100%);
    --panel:#ffffff;
    --line:#dce7ee;
    --soft:#eef8f4;
    --text:#122332;
    --muted:#6f8090;
    --green:#0aa36f;
    --red:#ef4444;
    --shadow:0 10px 24px rgba(27,45,64,.07);
}
*{box-sizing:border-box}
html,
body{
    width:100%!important;
    min-width:0!important;
    min-height:100%!important;
    margin:0!important;
    overflow-x:hidden!important;
    background:var(--stage-bg) fixed!important;
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important;
    letter-spacing:0!important;
}
a{text-decoration:none!important}
img,table,iframe,video,embed{max-width:100%!important}
.fixed-top,.fixed-bottom,#hidenav,section#banner{display:none!important}

.app-topbar{
    width:100%!important;
    max-width:var(--app-width)!important;
    height:58px!important;
    margin:0 auto!important;
    background:#fff!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:0 10px 28px rgba(33,48,65,.08)!important;
}
.app-topbar-inner{
    height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 14px!important;
}
.app-brand{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
}
.app-brand img{
    width:72px!important;
    max-height:28px!important;
    object-fit:contain!important;
}
.app-brand-name{
    max-width:340px!important;
    overflow:hidden!important;
    color:var(--text)!important;
    font-size:16px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}
.app-top-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    white-space:nowrap!important;
}
.app-btn{
    min-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 12px!important;
    border-radius:8px!important;
    font-size:14px!important;
    font-weight:950!important;
}
.app-btn-ghost{
    border:1px solid #bfe8da!important;
    background:#fff!important;
    color:var(--green)!important;
}
.app-btn-solid{
    border:1px solid var(--green)!important;
    background:var(--green)!important;
    color:#fff!important;
}

.app-shell,
div.divcontainer,
footer.bg-white{
    width:100%!important;
    max-width:var(--app-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    background:var(--app-bg)!important;
}
.app-shell{
    min-height:calc(100vh - 58px)!important;
    padding:8px 0 96px!important;
}
.app-home{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
}

.app-card,
.app-post-section,
.app-profile-card,
div.divcontainer .news-title,
div.divcontainer .news-header,
div.divcontainer .content,
div.divcontainer .callout-card,
div.divcontainer .card{
    margin:0 8px 8px!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:var(--shadow)!important;
    overflow:hidden!important;
}
.app-hero-panel,
.app-user-card,
.app-hero-subtitle,
.app-card-title em,
.app-section-head em,
.app-auth-copy p,
.app-guest-tips,
.app-profile-head span{
    display:none!important;
}
.app-card-title,
.app-section-head{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0 12px!important;
    border-bottom:1px solid #edf2f6!important;
    background:#fff!important;
}
.app-card-title span,
.app-section-head strong{
    color:var(--text)!important;
    font-size:16px!important;
    font-weight:950!important;
}
.app-section-head span{display:none!important}
.app-media-box{padding:0!important;background:#fff!important}
.app-media-box img{
    display:block!important;
    width:100%!important;
    height:auto!important;
}
.app-media-box table{
    width:100%!important;
}
.app-inline-ad{
    overflow:hidden!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:#fff!important;
}
.app-inline-ad img{
    display:block!important;
    width:100%!important;
    height:auto!important;
}

.app-quick-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0 8px!important;
}
.app-quick-item{
    min-height:78px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--text)!important;
    box-shadow:var(--shadow)!important;
}
.app-quick-item i{
    color:var(--green)!important;
    font-size:22px!important;
    line-height:1!important;
}
.app-quick-item span{
    font-size:13px!important;
    font-weight:950!important;
}

.app-post-list{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:8px!important;
}
.app-post-card{
    position:relative!important;
    min-height:86px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:12px 12px 12px 46px!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--text)!important;
}
.app-post-main{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
}
.app-post-title{
    color:#172633!important;
    font-size:16px!important;
    font-weight:950!important;
    line-height:1.35!important;
    word-break:break-word!important;
}
.app-post-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    color:var(--muted)!important;
    font-size:12px!important;
    font-weight:800!important;
}
.app-post-price{
    color:var(--green)!important;
    font-weight:950!important;
}
.app-post-price.is-sell{color:var(--red)!important}
.app-post-stats{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    white-space:nowrap!important;
}
.app-post-empty,
.app-post-pages{
    padding:14px!important;
    color:var(--muted)!important;
    text-align:center!important;
    font-weight:850!important;
}
.app-post-pages a,
.app-post-pages span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    margin:0 4px!important;
    padding:0 12px!important;
    border-radius:8px!important;
    background:var(--soft)!important;
    color:var(--green)!important;
    font-weight:950!important;
}

.app-profile-head{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:14px!important;
}
.app-profile-avatar{
    width:48px!important;
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:var(--soft)!important;
    color:var(--green)!important;
    font-size:22px!important;
}
.app-profile-head strong{
    color:var(--text)!important;
    font-size:20px!important;
    font-weight:950!important;
}
.app-profile-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0 14px 14px!important;
}
.app-profile-stat{
    min-height:72px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
    padding:12px!important;
    border:1px solid var(--line)!important;
    border-radius:10px!important;
    background:#f8fbfd!important;
}
.app-profile-stat b{
    color:var(--text)!important;
    font-size:20px!important;
    font-weight:950!important;
}
.app-profile-stat span{
    color:var(--muted)!important;
    font-size:12px!important;
    font-weight:850!important;
}
.app-account-actions{
    display:flex!important;
    justify-content:flex-end!important;
    gap:8px!important;
    padding:0 14px 14px!important;
}
.app-password-form{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding:14px!important;
}
.app-password-form label{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    color:var(--text)!important;
    font-size:13px!important;
    font-weight:950!important;
}
.app-password-form input,
.app-auth-input input{
    width:100%!important;
    min-width:0!important;
    outline:0!important;
    color:var(--text)!important;
}
.app-password-form input{
    height:44px!important;
    padding:0 12px!important;
    border:1px solid var(--line)!important;
    border-radius:8px!important;
    background:#fff!important;
}
.app-password-submit{
    width:100%!important;
    height:44px!important;
}
.app-message{
    padding:12px 14px!important;
    color:#08795d!important;
    font-weight:900!important;
}
.app-message-error{color:#d9433b!important}
.app-menu-list,
.app-record-list{
    display:flex!important;
    flex-direction:column!important;
}
.app-menu-item,
.app-record-item{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 14px!important;
    border-bottom:1px solid #edf2f6!important;
    color:var(--text)!important;
    font-weight:900!important;
}
.app-menu-item:last-child,
.app-record-item:last-child{border-bottom:0!important}
.app-menu-item span{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
}
.app-menu-item i{color:var(--green)!important}
.app-record-item{
    align-items:flex-start!important;
    flex-direction:column!important;
}
.app-record-item strong{
    color:var(--text)!important;
    font-size:15px!important;
    font-weight:950!important;
}
.app-record-item span{
    color:var(--muted)!important;
    font-size:12px!important;
    font-weight:850!important;
}

.app-bottom-nav{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    z-index:9999!important;
    width:100%!important;
    max-width:var(--app-width)!important;
    height:64px!important;
    display:flex!important;
    transform:translateX(-50%)!important;
    border-top:1px solid var(--line)!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 -14px 34px rgba(25,42,58,.10)!important;
}
.app-bottom-nav a{
    flex:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#758590!important;
    font-size:11px!important;
    font-weight:850!important;
}
.app-bottom-nav i{font-size:20px!important;line-height:1!important}
.app-bottom-nav a.is-active{
    color:var(--green)!important;
    background:var(--soft)!important;
}

div.divcontainer{
    min-height:calc(100vh - 58px)!important;
    padding:8px 0 96px!important;
}
div.divcontainer .divheader,
div.divcontainer .divfooter{
    margin:0!important;
    padding:0!important;
}
div.divcontainer .divbody{padding:0!important}
div.divcontainer .news-title{
    padding:14px 12px!important;
    text-align:center!important;
}
div.divcontainer .news-title h3,
div.divcontainer .news-title-text{
    margin:0!important;
    color:var(--text)!important;
    font-size:20px!important;
    line-height:1.35!important;
    font-weight:950!important;
}
div.divcontainer .news-header{
    padding:14px 12px!important;
}
div.divcontainer .news-meta{
    margin-top:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    color:var(--muted)!important;
    font-size:13px!important;
}
div.divcontainer .content,
div.divcontainer .callout-card{
    padding:14px 12px!important;
    line-height:1.75!important;
    color:#172633!important;
}
div.divcontainer .content img,
div.divcontainer .divheader img,
div.divcontainer .divfooter img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    border-radius:10px!important;
}
div.divcontainer hr{display:none!important}
.callout-card.callout-encrypted{
    background:#fff8e8!important;
    border-color:#f1dfb8!important;
    box-shadow:none!important;
}
.callout-card.callout-decrypted{
    background:#f0fbf5!important;
    border-color:#bee8d4!important;
    box-shadow:none!important;
}
.sell-info-bar{
    margin:12px 8px!important;
    color:var(--muted)!important;
    text-align:center!important;
    font-weight:850!important;
}
.btn-buy-compact,
.mobile-dashang-fixed .mobile-dashang-btn{
    min-width:210px!important;
    height:44px!important;
    border:0!important;
    border-radius:10px!important;
    background:var(--green)!important;
    color:#fff!important;
    font-weight:950!important;
    box-shadow:0 12px 24px rgba(10,163,111,.22)!important;
}
.mobile-dashang-fixed{
    position:fixed!important;
    left:50%!important;
    bottom:78px!important;
    z-index:10000!important;
    transform:translateX(-50%)!important;
}

.app-auth-body,
.app-auth-v2{
    min-height:100vh!important;
    background:var(--stage-bg) fixed!important;
}
.app-auth-page{
    min-height:100vh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
}
.app-auth-panel{
    width:100%!important;
    max-width:var(--app-width)!important;
    overflow:hidden!important;
    border:1px solid var(--line)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 24px 58px rgba(30,46,64,.16)!important;
}
.app-auth-head{
    height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 18px!important;
    border-bottom:1px solid #edf2f6!important;
    background:#fbfdfe!important;
}
.app-auth-head a,
.app-auth-head span{
    color:var(--green)!important;
    font-size:14px!important;
    font-weight:950!important;
}
.app-auth-copy{
    padding:24px 24px 4px!important;
}
.app-auth-copy strong{
    color:var(--text)!important;
    font-size:26px!important;
    font-weight:950!important;
}
.app-auth-form{
    display:flex!important;
    flex-direction:column!important;
    gap:13px!important;
    padding:10px 24px 26px!important;
}
.app-auth-form label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:var(--text)!important;
    font-size:13px!important;
    font-weight:950!important;
}
.app-auth-input{
    height:48px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:0 12px!important;
    border:1px solid var(--line)!important;
    border-radius:8px!important;
    background:#f8fbfd!important;
}
.app-auth-input i{
    color:var(--green)!important;
    font-size:18px!important;
}
.app-auth-input input{
    height:46px!important;
    border:0!important;
    background:transparent!important;
    font-size:15px!important;
    font-weight:800!important;
}
.app-auth-input:focus-within,
.app-password-form input:focus{
    border-color:var(--green)!important;
    box-shadow:0 0 0 3px rgba(10,163,111,.12)!important;
}
.app-auth-submit{
    width:100%!important;
    height:48px!important;
    margin-top:4px!important;
    border:0!important;
    border-radius:8px!important;
    background:var(--green)!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:950!important;
    box-shadow:0 12px 24px rgba(10,163,111,.22)!important;
}
.app-auth-submit:disabled{opacity:.72!important;box-shadow:none!important}
.app-auth-message{
    min-height:20px!important;
    color:#d94d43!important;
    font-size:13px!important;
    line-height:1.5!important;
    text-align:center!important;
    font-weight:850!important;
}
.app-auth-message.is-ok{color:#08795d!important}
.app-auth-switch{
    color:var(--muted)!important;
    text-align:center!important;
    font-size:13px!important;
    font-weight:850!important;
}
.app-auth-switch a{
    color:var(--green)!important;
    font-weight:950!important;
}
.app-footer-minimal{
    padding:14px 0 104px!important;
    color:#90a0ad!important;
    font-size:12px!important;
    border:0!important;
    box-shadow:none!important;
}
.app-footer-minimal p{margin:0!important}
.app-scroll-top{display:none!important}

/* v6 clean app feed */
.app-post-section{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
.app-post-section .app-section-head{
    min-height:46px!important;
    margin:0 8px!important;
    padding:0 4px!important;
    border:0!important;
    background:transparent!important;
}
.app-post-section .app-section-head strong{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#102236!important;
    font-size:18px!important;
    font-weight:950!important;
}
.app-post-section .app-section-head strong:before{
    content:""!important;
    width:4px!important;
    height:18px!important;
    display:inline-block!important;
    border-radius:999px!important;
    background:var(--green)!important;
}
.app-post-list{
    gap:10px!important;
    padding:0 8px 8px!important;
}
.app-post-card{
    min-height:112px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    padding:14px!important;
    border:1px solid #d9e6ef!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    color:var(--text)!important;
    box-shadow:0 12px 30px rgba(24,43,63,.08)!important;
}
.app-post-card:active{
    transform:scale(.992)!important;
}
.app-post-icon{
    width:46px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    background:#ecf8f3!important;
    color:var(--green)!important;
    font-size:22px!important;
}
.app-post-main{
    gap:8px!important;
}
.app-post-topline{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-width:0!important;
}
.app-post-ribbon{
    position:static!important;
    width:auto!important;
    max-width:52%!important;
    height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 9px!important;
    transform:none!important;
    border-radius:999px!important;
    background:#fff4e8!important;
    color:#b55a14!important;
    font-size:12px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.app-post-price{
    min-height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:#eaf8f2!important;
    color:var(--green)!important;
    font-size:12px!important;
    font-weight:950!important;
    white-space:nowrap!important;
}
.app-post-price.is-sell{
    background:#fff1f2!important;
    color:#e11d48!important;
}
.app-post-title{
    min-height:30px!important;
    display:block!important;
    color:#102236!important;
    font-size:17px!important;
    font-weight:950!important;
    line-height:1.45!important;
}
.app-post-foot{
    justify-content:flex-end!important;
    margin-top:2px!important;
    color:#718296!important;
    font-size:12px!important;
    font-weight:850!important;
}
.app-post-stats{
    width:100%!important;
    justify-content:flex-end!important;
    gap:12px!important;
}
.app-post-stats span{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
}
.app-post-stats i{
    color:#8aa0b1!important;
    font-size:13px!important;
    line-height:1!important;
}

@media(max-width:600px){
    html,
    body,
    .app-auth-body,
    .app-auth-v2{
        background:var(--app-bg)!important;
    }
    .app-topbar,
    .app-shell,
    div.divcontainer,
    footer.bg-white,
    .app-bottom-nav{
        max-width:none!important;
    }
    .app-bottom-nav{
        left:0!important;
        right:0!important;
        transform:none!important;
    }
    .app-brand-name{
        max-width:190px!important;
        font-size:15px!important;
    }
    .app-brand img{width:64px!important}
    .app-btn{
        min-height:32px!important;
        padding:0 10px!important;
        font-size:13px!important;
    }
    .app-post-stats{gap:6px!important}
    .app-post-card{
        min-height:106px!important;
        grid-template-columns:42px minmax(0,1fr)!important;
        gap:10px!important;
        padding:12px!important;
        border-radius:12px!important;
    }
    .app-post-icon{
        width:42px!important;
        height:42px!important;
        border-radius:11px!important;
        font-size:20px!important;
    }
    .app-post-title{
        font-size:16px!important;
    }
    .app-post-ribbon{
        max-width:50%!important;
    }
    .app-auth-page{
        align-items:flex-start!important;
        padding:18px 10px!important;
    }
}

/* v11 fixed header and no mobile input zoom */
input,
textarea,
select,
button{
    touch-action:manipulation!important;
}
input,
textarea,
select,
.app-auth-input input,
.app-auth-modal-form input{
    font-size:16px!important;
}
.app-topbar{
    position:fixed!important;
    top:0!important;
    z-index:25000!important;
    width:100%!important;
    max-width:var(--app-width)!important;
    margin:0 auto!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(14px)!important;
    box-shadow:0 10px 24px rgba(28,45,64,.12)!important;
}
.app-topbar-inner{
    width:100%!important;
}
@media(max-width:600px){
    .app-topbar{
        height:58px!important;
    }
    .app-topbar-inner{
        height:58px!important;
        padding:0 10px!important;
    }
}

/* v7 compact forum feed */
.app-operational-home{
    padding-top:8px!important;
}
.app-operational-home .app-quick-grid,
.app-post-section .app-section-head{
    display:none!important;
}
.app-media-card{
    margin:0 8px 8px!important;
    border-radius:10px!important;
    overflow:hidden!important;
}
.app-media-card .app-card-title{
    display:none!important;
}
.app-post-section{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.app-post-list{
    gap:8px!important;
    padding:0 8px 8px!important;
}
.app-post-card{
    min-height:88px!important;
    display:block!important;
    padding:12px 12px 10px!important;
    border:1px solid #d9e5ee!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 8px 18px rgba(28,45,64,.06)!important;
}
.app-post-icon{
    display:none!important;
}
.app-post-main{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
}
.app-post-topline{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
}
.app-post-ribbon{
    position:static!important;
    width:auto!important;
    max-width:120px!important;
    height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 8px!important;
    transform:none!important;
    border-radius:6px!important;
    background:#fff2df!important;
    color:#b85611!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}
.app-post-price{
    height:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 8px!important;
    border-radius:6px!important;
    background:#fff0f2!important;
    color:#e11d48!important;
    font-size:12px!important;
    font-weight:950!important;
    white-space:nowrap!important;
}
.app-post-price:not(.is-sell){
    background:#eaf8f2!important;
    color:var(--green)!important;
}
.app-post-title{
    min-height:auto!important;
    color:#111f2d!important;
    font-size:17px!important;
    line-height:1.35!important;
    font-weight:950!important;
}
.app-post-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:4px!important;
    color:#6f8192!important;
    font-size:12px!important;
    font-weight:850!important;
}
.app-post-time{
    white-space:nowrap!important;
}
.app-post-stats{
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    white-space:nowrap!important;
}
.app-post-stats span{
    display:inline!important;
}
.app-post-stats i{
    display:none!important;
}
@media(max-width:600px){
    .app-post-card{
        min-height:84px!important;
        padding:11px 11px 9px!important;
    }
    .app-post-title{
        font-size:16px!important;
    }
    .app-post-foot{
        font-size:12px!important;
    }
    .app-post-stats{
        gap:8px!important;
    }
}

/* v8 tight mobile edges */
@media(max-width:600px){
    .app-shell,
    div.divcontainer{
        padding-top:2px!important;
        padding-left:0!important;
        padding-right:0!important;
        padding-bottom:76px!important;
    }
    .app-home,
    .app-operational-home{
        gap:4px!important;
    }
    .app-card,
    .app-media-card,
    .app-post-section,
    .app-profile-card,
    div.divcontainer .news-title,
    div.divcontainer .news-header,
    div.divcontainer .content,
    div.divcontainer .callout-card,
    div.divcontainer .card{
        margin:0 2px 4px!important;
        border-radius:0!important;
    }
    .app-media-box,
    .app-media-card,
    .app-inline-ad{
        border-radius:0!important;
    }
    .app-media-box img,
    .app-inline-ad img,
    div.divcontainer .content img,
    div.divcontainer .divheader img,
    div.divcontainer .divfooter img{
        border-radius:0!important;
    }
    .app-post-list{
        gap:4px!important;
        padding:0 2px 4px!important;
    }
    .app-post-card{
        min-height:82px!important;
        margin:0!important;
        padding:10px 10px 8px!important;
        border-radius:0!important;
        box-shadow:0 3px 10px rgba(28,45,64,.05)!important;
    }
    .app-post-main{
        gap:7px!important;
    }
    .app-post-topline{
        gap:6px!important;
    }
    .app-post-ribbon,
    .app-post-price{
        height:20px!important;
        padding:0 7px!important;
        border-radius:4px!important;
        font-size:12px!important;
    }
    .app-post-title{
        font-size:16px!important;
        line-height:1.32!important;
    }
    .app-post-foot{
        margin-top:0!important;
        font-size:12px!important;
    }
    .app-post-stats{
        gap:8px!important;
    }
    .app-bottom-nav{
        height:60px!important;
    }
    footer.bg-white{
        padding-bottom:74px!important;
    }
}

/* v9 modal auth and classic forum list */
body.app-auth-locked{
    overflow:hidden!important;
}
.app-auth-modal{
    position:fixed!important;
    inset:0!important;
    z-index:30000!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    padding:18px!important;
    background:rgba(15,23,42,.54)!important;
    backdrop-filter:blur(8px)!important;
}
.app-auth-modal.is-open{
    display:flex!important;
}
.app-auth-dialog{
    position:relative!important;
    width:min(420px,calc(100vw - 28px))!important;
    max-height:calc(100vh - 36px)!important;
    overflow:auto!important;
    padding:18px 16px 20px!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 28px 70px rgba(15,23,42,.32)!important;
}
.app-auth-close{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    width:34px!important;
    height:34px!important;
    border:0!important;
    border-radius:50%!important;
    background:#f1f5f9!important;
    color:#9aa6b2!important;
    font-size:28px!important;
    line-height:30px!important;
    font-weight:500!important;
}
.app-auth-tabs{
    height:40px!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:26px!important;
    padding:0 0 0!important;
    border-bottom:1px solid #e8eef5!important;
}
.app-auth-tabs button{
    height:40px!important;
    padding:0!important;
    border:0!important;
    border-bottom:3px solid transparent!important;
    background:transparent!important;
    color:#8797aa!important;
    font-size:16px!important;
    font-weight:950!important;
}
.app-auth-tabs button.is-active{
    border-bottom-color:#3b82f6!important;
    color:#2f6fe4!important;
}
.app-auth-modal-form{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    padding-top:12px!important;
}
.app-auth-modal-form label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#66778a!important;
    font-size:14px!important;
    font-weight:900!important;
}
.app-auth-modal-form label b{
    color:#ef4444!important;
}
.app-auth-modal-form input{
    width:100%!important;
    height:42px!important;
    padding:0 12px!important;
    border:1px solid #d9e3ee!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    color:#132234!important;
    font-size:15px!important;
    font-weight:850!important;
    outline:0!important;
}
.app-auth-modal-form input:focus{
    border-color:#60a5fa!important;
    background:#fff!important;
    box-shadow:0 0 0 3px rgba(96,165,250,.16)!important;
}
.app-auth-modal-submit{
    height:52px!important;
    margin-top:10px!important;
    border:0!important;
    border-radius:10px!important;
    background:#22b466!important;
    color:#fff!important;
    font-size:17px!important;
    font-weight:950!important;
}
.app-auth-modal-submit:disabled{
    opacity:.75!important;
}
.app-auth-modal-message{
    min-height:20px!important;
    color:#ef4444!important;
    text-align:center!important;
    font-size:13px!important;
    font-weight:900!important;
}
.app-auth-modal-message.is-ok{
    color:#10a06b!important;
}

.app-post-list{
    gap:4px!important;
    padding:0 2px 4px!important;
}
.app-post-card{
    position:relative!important;
    min-height:74px!important;
    display:block!important;
    padding:10px 9px 8px 42px!important;
    border:1px solid #dbe6ef!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(28,45,64,.05)!important;
    overflow:hidden!important;
}
.app-post-main{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
}
.app-post-ribbon{
    position:absolute!important;
    left:-18px!important;
    top:8px!important;
    width:66px!important;
    height:21px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    transform:rotate(-45deg)!important;
    border-radius:0!important;
    background:#ff8a3d!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:950!important;
    white-space:nowrap!important;
}
.app-post-title{
    min-height:24px!important;
    color:#17212f!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:950!important;
}
.app-post-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:0!important;
    color:#64758a!important;
    font-size:12px!important;
    font-weight:850!important;
}
.app-post-price{
    height:auto!important;
    min-height:0!important;
    display:inline!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#0eaa63!important;
    font-size:13px!important;
    font-weight:950!important;
    white-space:nowrap!important;
}
.app-post-price.is-sell{
    background:transparent!important;
    color:#ef334d!important;
}
.app-post-stats{
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:9px!important;
    white-space:nowrap!important;
}
.app-post-stats span{
    display:inline!important;
}
.app-post-stats i,
.app-post-icon,
.app-post-topline,
.app-post-time{
    display:none!important;
}
@media(max-width:600px){
    .app-auth-modal{
        padding:14px!important;
    }
    .app-auth-dialog{
        width:calc(100vw - 28px)!important;
        border-radius:18px!important;
    }
    .app-post-card{
        min-height:72px!important;
        padding:9px 8px 7px 40px!important;
        border-radius:0!important;
    }
    .app-post-title{
        font-size:16px!important;
    }
    .app-post-foot{
        font-size:12px!important;
    }
    .app-post-stats{
        gap:8px!important;
    }
}

/* v10 auth popup and app-style topic list */
.app-auth-modal{
    background:rgba(15,23,42,.56)!important;
    backdrop-filter:blur(10px)!important;
}
.app-auth-dialog{
    width:min(420px,calc(100vw - 24px))!important;
    padding:18px!important;
    border:0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 28px 80px rgba(15,23,42,.35)!important;
}
.app-auth-close{
    top:14px!important;
    right:14px!important;
    width:34px!important;
    height:34px!important;
    background:#f1f5f9!important;
    color:#9aa6b2!important;
}
.app-auth-tabs{
    gap:28px!important;
    height:42px!important;
    border-bottom:1px solid #e8eef5!important;
}
.app-auth-tabs button{
    height:42px!important;
    color:#8a98aa!important;
    font-size:16px!important;
    font-weight:950!important;
}
.app-auth-tabs button.is-active{
    border-bottom-color:#2f7df6!important;
    color:#2f7df6!important;
}
.app-auth-modal-form{
    gap:12px!important;
    padding-top:13px!important;
}
.app-auth-modal-form input{
    height:42px!important;
    border-radius:9px!important;
    background:#f8fafc!important;
}
.app-auth-modal-submit{
    height:54px!important;
    border-radius:10px!important;
    background:#25b66b!important;
    box-shadow:0 12px 26px rgba(37,182,107,.2)!important;
}
.app-auth-modal-form{
    display:none!important;
}
.app-auth-modal-form.is-active{
    display:flex!important;
}

.app-post-section{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.app-post-list{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    padding:0 4px 4px!important;
}
.app-post-card{
    position:relative!important;
    min-height:78px!important;
    display:block!important;
    padding:10px 10px 9px 44px!important;
    border:1px solid #d9e4ed!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(21,38,58,.06)!important;
    overflow:hidden!important;
}
.app-post-card:active{
    background:#f8fbfd!important;
}
.app-post-main{
    min-height:58px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:8px!important;
}
.app-post-ribbon{
    position:absolute!important;
    left:-17px!important;
    top:8px!important;
    width:66px!important;
    height:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:rotate(-45deg)!important;
    border-radius:0!important;
    background:#ff8b3d!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.app-post-title{
    display:block!important;
    min-height:26px!important;
    max-height:44px!important;
    overflow:hidden!important;
    color:#111827!important;
    font-size:16px!important;
    line-height:1.36!important;
    font-weight:950!important;
}
.app-post-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:0!important;
    color:#64758a!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:850!important;
}
.app-post-price{
    height:auto!important;
    min-height:0!important;
    display:inline!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#0fa360!important;
    font-size:13px!important;
    font-weight:950!important;
    white-space:nowrap!important;
}
.app-post-price.is-sell{
    color:#ef334d!important;
}
.app-post-stats{
    width:auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    color:#65758a!important;
    white-space:nowrap!important;
}
.app-post-stats span{
    display:inline!important;
}
.app-post-icon,
.app-post-topline,
.app-post-time,
.app-post-stats i{
    display:none!important;
}
.app-operational-home .app-section-head,
.app-operational-home .app-card-title,
.app-post-section .app-section-head{
    display:none!important;
}
@media(max-width:600px){
    .app-shell{
        padding-top:2px!important;
    }
    .app-home{
        gap:4px!important;
    }
    .app-card,
    .app-media-card,
    .app-post-section,
    .app-footer-ad,
    div.divcontainer .news-title,
    div.divcontainer .news-header,
    div.divcontainer .content,
    div.divcontainer .callout-card,
    div.divcontainer .card{
        margin:0 2px 4px!important;
        border-radius:0!important;
    }
    .app-post-list{
        gap:4px!important;
        padding:0 2px 4px!important;
    }
    .app-post-card{
        min-height:76px!important;
        padding:9px 8px 8px 42px!important;
        border-radius:4px!important;
    }
    .app-post-main{
        min-height:58px!important;
    }
    .app-post-title{
        font-size:16px!important;
    }
    .app-post-foot{
        font-size:12px!important;
    }
    .app-auth-dialog{
        width:calc(100vw - 24px)!important;
        border-radius:16px!important;
    }
}

/* v12 final fixed header and no mobile auto-zoom */
.app-topbar{
    position:fixed!important;
    top:0!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:25000!important;
    width:100%!important;
    max-width:var(--app-width)!important;
    margin:0 auto!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(14px)!important;
    border-bottom:1px solid rgba(220,231,238,.95)!important;
    box-shadow:0 10px 24px rgba(28,45,64,.12)!important;
}
body:not(.app-auth-body){
    padding-top:58px!important;
}
.app-topbar-inner{
    width:100%!important;
}
input,
textarea,
select,
.app-auth-input input,
.app-auth-modal-form input{
    font-size:16px!important;
    -webkit-text-size-adjust:100%!important;
}
input,
textarea,
select,
button{
    touch-action:manipulation!important;
}
@media(max-width:600px){
    .app-topbar{
        height:58px!important;
    }
    .app-topbar-inner{
        height:58px!important;
        padding:0 10px!important;
    }
}