/*! themebetter.com/theme/dux */
#zip-frame {
    display: none
}

.container-user {
    position: relative;
    padding-left: 200px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.04)
}

.container-user .content {
    margin-right: 0;
    padding: 20px;
    margin-bottom: 0;
    margin-left: 0
}

.usertitle {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
    text-align: center
}

.usertitle h2 {
    font-size: 18px;
    margin: 0;
    line-height: 20px
}

.usertitle img {
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    width: 50px;
    margin-bottom: 10px;
    height: 50px
}

.userside {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
    border-right: 1px solid #eaeaea;
    background-color: #fbfbfb;
    padding: 20px;
    border-radius: 4px 0 0 4px
}

.usermenu {
    list-style: none;
    margin: 0 0 15px;
    padding: 0
}

.usermenu li {
    margin-bottom: 4px
}

.usermenu li a {
    display: block;
    padding: 8px 20px;
    font-size: 16px;
    color: #888;
    border-radius: 2px
}

.usermenu li a:hover {
    color: #666
}

.usermenu li.active a {
    color: #666;
    background-color: #eee;
    position: relative
}

.usermenu li:last-child a {
    border-bottom: none
}

.usermenu li .icon {
    font-size: 18px
}

.usermenu h4 {
    margin: 0
}

.usermenu h4 a {
    color: #666;
    background-color: #F7F9FA;
    padding-top: 15px;
    cursor: default;
    border-bottom-color: #e6e6e6
}

.user-main {
    position: relative;
    min-height: 600px
}

.user-commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px
}

.user-commentlist li {
    border-bottom: 1px solid #f2f2f2;
    padding: 15px 0;
    overflow: hidden;
    padding-left: 140px
}

.user-commentlist .note {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px
}

.user-commentlist p {
    font-size: 12px;
    margin-bottom: 0
}

.user-commentlist time {
    font-size: 12px;
    color: #999;
    float: left;
    margin-left: -140px;
    margin-top: 2px
}

.user-postlist .thumb {
    float: right;
    margin-left: 20px;
    width: 160px;
    height: 120px
}

.user-loading {
    text-align: center;
    padding: 200px 0;
    color: #999;
    font-size: 16px
}

.user-loading i {
    font-size: 20px
}

.content {
    overflow: hidden
}

.user-pagination ul>li>a,
.user-pagination ul>li>span {
    padding: 4px 12px 3px;
    font-size: 12px;
    margin: 0 2px
}

.user-meta {
    list-style: none;
    margin: 40px 0 60px 40px;
    line-height: 32px;
    color: #999
}

.user-meta li {
    padding-left: 120px;
    margin-bottom: 15px
}

.user-meta label {
    float: left;
    margin-left: -120px;
    width: 110px;
    text-align: right;
    line-height: 34px;
    color: #666
}

.user-meta .form-control {
    border-radius: 3px;
    width: 380px
}

.user-tips {
    position: fixed;
    top: -30px;
    left: 45%;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #fff;
    background-color: #FF5E52;
    opacity: 0.85;
    filter: alpha(opacity=85);
    color: #fff;
    border-radius: 0 0 2px 2px;
    font-size: 12px;
    z-index: 9999
}

.page-template-pagesuser-php .user-signin {
    display: none
}

.page-template-pagesuser-php.logged-in .user-signin {
    display: block
}

.table td {
    color: #999;
    padding: 15px 12px
}

.user-orders dfn {
    font-style: normal;
    color: #FF5E52;
    font-weight: bold;
    min-width: 40px;
    text-align: right;
    display: inline-block
}

.user-orders h5 {
    margin: 0 0 2px
}

.user-orders em {
    font-style: normal;
    color: #bbb
}

.user-orders h5 a {
    color: #999
}

.user-orders h5 a:hover {
    color: #666;
    text-decoration: underline
}

.coupon-code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

.user-coupon-past td {
    color: #bbb;
    font-style: italic;
    text-decoration: line-through
}


.user-coupon-used td {
    color: #bbb;
    font-style: italic
}

.user-order-coupon {
    display: none
}

.user-order-coupon form {
    margin-bottom: 30px
}

.user-order-coupon .form-control {
    width: 140px;
    display: inline-block
}

.user-order-coupon .btn {
    position: relative;
    top: -1px
}

.user-alerts {
    color: #999;
    margin: 50px 0 20px
}

.user-alerts ul {
    list-style: decimal;
    margin: 5px 0 0 18px;
    font-size: 12px;
    line-height: 22px
}

.user-ordernone {
    text-align: center;
    margin-top: 200px
}

.user-ordernone h6 {
    color: #999;
    margin: 20px 0
}

.modal-body a {
    color: #45B6F7;
    text-decoration: underline
}

.modal-body a:hover {
    color: #FF5E52
}

.modal-body ul {
    list-style: disc;
    margin-left: 20px;
    line-height: 22px
}

.modal-body ol {
    list-style: decimal;
    margin-left: 20px;
    line-height: 22px
}

.modal-body ul li {
    margin-bottom: 8px
}

.modal-body ol li {
    margin-bottom: 8px
}

.user-postlist {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px
}

.user-postlist h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 24px;
    margin-right: 10px;
    word-wrap: break-word
}

.user-postlist li {
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 0;
    overflow: hidden
}

.user-postlist p {
    margin-bottom: 0;
    padding-top: 10px
}

.user-postlist .note {
    color: #bbb;
    height: 70px;
    overflow: hidden
}

.user-postmenu {
    font-size: 14px;
    margin: 5px -20px 0 -20px;
    padding: 0 0 10px 5px;
    line-height: 16px;
    border-bottom: 1px solid #f2f2f2
}

.user-postmenu a {
    display: inline-block;
    color: #999;
    padding: 0 15px;
    border-right: 1px solid #e6e6e6
}

.user-postmenu a:hover {
    color: #666
}

.user-postmenu a.active {
    color: #666;
    font-weight: bold
}

.user-postmenu small,
.user-postmenu a:hover small,
.user-postmenu a.active small {
    font-size: 12px;
    margin-left: 3px;
    color: #bbb
}

.user-postlist .thumb {
    float: right;
    margin-left: 20px;
    width: 175px;
    height: 120px
}

.user-postnew textarea.form-control {
    width: 90%
}

.user-postnew select.form-control {
    width: auto
}

.user-postnew li:nth-child(1) .form-control {
    width: 90%
}

.wp-editor-container {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    position: relative;
    clear: none !important;
    width: 90%
}

div.mce-panel {
    padding-bottom: 2px;
    border-radius: 3px
}

.wp-editor-tools {
    height: 29px
}

.wp-editor-tabs {
    float: none !important;
    overflow: hidden
}

.wp-switch-editor {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
    border-color: #ccc !important;
    border-radius: 3px 3px 0 0
}

@media (max-width: 1024px) {
    .container-user {
        padding-left: 150px
    }

    .userside {
        width: 150px;
        padding: 20px 10px
    }
}

@media (max-width: 860px) {
    .user-postlist li {
        padding: 10px 0
    }

    .user-postlist .thumb {
        width: 118px;
        height: 80px
    }

    .user-postlist .note {
        height: auto
    }
}

@media (max-width: 640px) {
    section.container {
        margin: 0
    }

    .container-user {
        border: none;
        border-radius: 0;
        margin-top: -15px
    }

    .container-user {
        padding-left: 90px
    }

    .userside {
        width: 90px;
        padding: 20px 0
    }

    .usermenu li {
        margin-bottom: 1px
    }

    .usermenu li a {
        font-size: 12px;
        padding: 8px 0 8px 15px
    }

    .usertitle {
        margin-bottom: 0;
        padding-bottom: 10px
    }

    .usertitle img {
        width: 36px;
        height: 36px;
        margin-bottom: 5px;
        margin-top: 10px
    }

    .usertitle h2 {
        font-size: 12px;
        color: #999
    }

    .user-postlist h2 {
        font-size: 16px;
        line-height: 20px
    }

    .user-postlist .text-muted {
        display: none
    }

    .user-commentlist li {
        padding: 10px 0
    }

    .user-commentlist time {
        float: none;
        margin-left: 0
    }

    .user-meta {
        margin: 0
    }

    .user-meta li {
        padding-left: 0;
        margin-bottom: 10px
    }

    .user-meta label {
        float: none;
        width: 100%;
        margin-left: 0;
        text-align: left;
        line-height: 20px
    }

    .user-meta .form-control {
        width: 100%
    }

    .user-meta .btn {
        width: 100%
    }

    .user-postnew .form-control {
        width: 100% !important
    }

    .wp-editor-container {
        width: 100%
    }
}

@media (max-width: 480px) {
    .user-postlist h2 {
        font-size: 14px;
        line-height: 16px
    }

    .user-postlist .note {
        display: none
    }

    .user-postlist .thumb {
        width: auto;
        height: auto;
        max-width: 100%;
        margin-bottom: 10px;
        float: none;
        margin-left: 0;
        display: block
    }

    .pagination {
        padding: 20px 0 0
    }
}

@media (max-width: 360px) {
    .pagination ul>li {
        display: inline-block
    }
}


/*============= 会员中心 start =============*/
/*side*/
.usermenu li.split{border-bottom: #ddd 1px dotted;font-size: 0;}

.userheadline{position: relative;padding:10px 0;margin: 15px auto;font-size: 0;}
.userheadline__title{font-size:22px;font-weight: bold;}
.userheadline .operate{position: absolute;right: 0;top:50%;transform: translateY(-50%);font-size: 16px;}
.userheadline .operate .c-button{margin-right: 5px;}
.userheadline .operate .c-button:last-child{margin-right: 0;}

.myfavorite .wpfp-span .wpfp-img{display: none;}
.myfavorite .wpfp-span .wpfp-link{position:absolute;right:0;top:5px;}
.myfavorite-list{position: relative;}
.myfavorite-list .remove-parent{position:absolute;top:0 !important;right:0;display: inline-block;padding:2px 15px;background: #ccc;color:#fff;font-size:12px;z-index:9;}
.myfavorite-list .remove-parent:hover{background:#F2746D;}

.mycert-list td{border:#eee 1px solid;padding:8px 0;text-align: center;}
.mycert-list thead td{font-weight: bold;background: #F7F7F7;}
.mycert-list a,
.mycert-list a:visited{color:#EE5B55;}
.mycert-list .c-button__txt{padding:4px 15px;font-size: 12px;}

.orders-list-head td{padding:12px;text-align: center;background:#F7F8F9;color:#222;}

.orders-list{margin-bottom: 15px;}
.orders-list td{border:#B5D3FF 1px solid;padding:12px;text-align: center;color:#222;}
.orders-list thead td{background: #EBF3FF;text-align: left;}
.orders-list a,
.orders-list a:visited{color:#EE5B55;}
.orders-list .orders-list-info{position: relative;}
.orders-list .orders-list-info .more{position:absolute;right: 12px;top:0;}
.orders-list .c-button__txt{padding:4px 15px;font-size: 12px;}
.orders-list .thum img{width: 150px;}
.orders-list .title-name{text-align: left;margin-top: 10px;font-size: 14px;}
.orders-list .title-name a,
.orders-list .title-name a:visited{color:#222;}
.orders-list .title-name a:hover{color:#EF5650;}
.orders-list .info{margin-top: 10px;}
.orders-list .info li{color:#999;text-align: left;margin: 3px auto;}
.orders-list .line{margin:10px auto;}
.orders-list .line .btn-primary{background: #3987FF;border-color: #3987FF; color: #fff;}

.orders-list-m{background: #fff;border:#eee 1px solid;border-radius: 0.5rem;margin:1.0rem;padding:0.8rem;box-sizing: border-box;}
.orders-list-m__hd{padding-bottom:0.5rem;}
.orders-list-m__bd{padding:0.8rem 0;border-top:#eee 1px solid;border-bottom:#eee 1px solid;}
.orders-list-m__bd .c-column__item{text-align: left;}
.orders-list-m__ft{padding-top:0.5rem;}
.orders-list-m__ft .c-button{margin-right: 0.5rem;}
.orders-list-m .arow{position: relative;}
.orders-list-m .arow .field--money{position:absolute;right: 0.5rem;top:50%;transform: translateY(-50%);}
.orders-list-m .thum img{width: 8.0rem;}

.orders-list-m .c-button{border-radius: 0.3rem;}
.orders-list-m .c-button .c-button__txt{font-size: 1.1rem;}

.mymoney{position: relative;margin-bottom:15px;font-size:18px;}
.mymoney__info,
.mymoney__oper{display: inline-block; vertical-align: middle;}
.mymoney__oper{position: absolute;right:0;top:0;}
.mymoney .c-button{ vertical-align: middle;}
.mymoney .c-button__txt{font-size: 14px;padding:4px 15px;}
.myreward .userheadline__title{margin-left: 0;}
.myreward .c-button--colorRed{border:#e70012 1px solid;background:#e70012;}
.myreward .c-button--colorRed .c-button__txt{color:#fff;}

.c-popup--writewx{}
.c-popup--writewx .c-input,
.c-popup--writewx .howmany,
.c-popup--writewx .moneytips{width: 90%;margin:15px auto;}
.c-popup--writewx .c-input{height: 45px;}
.c-popup--writewx .c-input__field{width: 100%;height: 100%; box-sizing: border-box;text-indent: 10px;}
.c-popup--writewx .howmany{}

.mk-pagination{margin: 20px auto;}
.mk-pagination ul{display: block;text-align: center;}
.mk-pagination li{display: inline-block;}
.mk-pagination li span,
.mk-pagination li a,
.mk-pagination li a:visited{display: inline-block;background: #fff;border:#ddd 1px solid;padding:3px 10px;text-decoration: none;}
.mk-pagination li.active span{background-color: #EE5B55;color: #fff;}
.mk-pagination .more{margin: 0 5px;}
.mk-pagination .prev-page{margin-right: 5px;}
.mk-pagination .info{margin-left: 5px;}

@media (max-width: 640px){
    .container-user{margin-top: 0;}
    .container-user .content{padding:0;}
    section.container--usercenter{padding-top: 5.2rem;}
    .userheadline__title{font-size: 1.6rem;padding:1.2rem;padding-bottom: 0;}
}



.revenue-overview .mcard{border:#eee 1px solid;text-align: center;min-height:13.0rem;overflow: hidden;margin: 0;}
.revenue-overview .mcard .arow{margin: 12px auto;}
.revenue-overview .field--num{font-size: 26px;font-weight: bold;}
.market {margin: 0 0 20px 0;padding: 20px;background: aliceblue;}


.text--invitaion,
.getmarket-textarea{vertical-align: middle;height: 30px;}
.text--invitaion{display: inline-block;}
.getmarket-textarea{overflow: hidden;width: 290px;border:none;background: none;}
.getmarket,
.getmarket:visited{color:#3D89F7;}
.get-share-pop .getmarket-textarea{width: 100%;}

.withdraw{width: 60%;background: #fff;border-radius: 10px;box-shadow:0 0 12px rgba(0,0,0,0.1);padding: 30px;}
.withdraw .form-group{margin: 15px auto;}
.withdraw .form-group label{margin-bottom: 10px;}
.withdraw .form-group .get-all-link,
.withdraw .form-group .get-all-link:visited{margin-bottom: 10px;color: #0084FF;}
.withdraw .form-group .current-pay-label{display: block;}

.empty{text-align: center;margin: 30px auto;}
.empty__illustrator img{width: 200px;}
.empty__text{font-size: 16px;}


.editwithdraw{margin:15px 10%}
.editwithdraw__question{text-align: left;}
.editwithdraw__answer{margin-top: 15px;}
/*============= 会员中心 end =============*/

/*============= 我的收藏 start =============*/
.favorite-grid .combox--excerpt{min-height: auto;overflow: hidden;}
.favorite-grid .combox__image{overflow: hidden;}
.favorite-grid .combox__info .actived{color:#cecece}
.favorite-grid .unfavorite-link{position: absolute; top: 8px; right: 10px; background: rgba(0,0,0,0.5);font-size: 12px;color: #fff;padding: 4px 8px;border-radius: 5px;display: none;}
.favorite-grid .unfavorite-link .fa-remove{margin-right: 5px;}
.favorite-grid  .combox:hover .unfavorite-link{display: inline-block;}

/*============= 我的收藏 end =============*/
.brandedit{width: 650px;margin: 0 auto;}
.brandedit .arow{display: table;width: 100%;margin: 20px auto;}
.brandedit .arow-item{display: table-cell;vertical-align: middle;}
.brandedit .arow-item:first-child{width: 30%;text-align: right;padding-right: 20px;}
.brandedit .arow-item:last-child{text-align: left;padding-right: 10%;}
.brandedit .arow-item label{box-sizing: border-box;width: 100%;}
.brandedit .arow-item textarea,
.brandedit .arow-item input[type="email"],
.brandedit .arow-item input[type="text"]{width: 100%;padding: 5px 10px;border: 1px solid #ddd;border-radius: 3px;}
.brandedit .arow-item input[type="button"]{width: 80px;padding: 5px 10px;border: 1px solid #ddd;border-radius: 3px;}


/* ==========================================================================
   猫啃 5.0 用户中心 · 统一视觉规范
   位于文件末尾以覆盖上方历史样式；仅作用于 .mk-usercenter-shell
   ========================================================================== */
.mk-usercenter-shell{--mkuc-ink:#1d2c39;--mkuc-body:#4d5d6a;--mkuc-muted:#8b98a3;--mkuc-line:#e7edf0;--mkuc-line-strong:#d6e0e5;--mkuc-soft:#f7fafb;--mkuc-chip:#f0f2f4;--mkuc-chip-ink:#454b50;--mkuc-accent:#eb685a;--mkuc-accent-ink:#c94a3c;--mkuc-accent-soft:#fdeeec;--mkuc-accent-line:#f4c7c0;--mkuc-info:#2976f4;--mkuc-danger:#c0392f;--mkuc-danger-soft:#fdf1f0;--mkuc-radius-s:10px;--mkuc-radius-m:14px;--mkuc-radius-l:20px;--mkuc-shadow:0 14px 38px rgba(29,44,57,.07);margin-top:32px;margin-bottom:56px;color:var(--mkuc-body);font-size:14px}
.mk-usercenter-shell .container-user{display:flex;align-items:stretch;padding-left:0;margin:0;border:0;border-radius:var(--mkuc-radius-l);background:#fff;box-shadow:var(--mkuc-shadow);overflow:hidden}
.mk-usercenter-shell .content{flex:1;min-width:0;margin:0;padding:0;background:#fff}
.mk-usercenter-shell .user-main{position:relative;min-height:660px;padding:32px 36px 40px}
.mk-usercenter-shell .user-tips{display:none}

/* ---------- 侧栏 ---------- */
.mk-usercenter-shell .userside{position:relative;top:auto;left:auto;bottom:auto;flex:0 0 206px;width:206px;padding:24px 12px;border-right:1px solid var(--mkuc-line);border-radius:0;background:linear-gradient(180deg,#f8fafb 0%,#f4f7f8 100%)}
.mk-usercenter-shell .mk-user-side-id{display:flex;align-items:center;gap:11px;padding:0 2px 18px;margin-bottom:16px;border-bottom:1px solid var(--mkuc-line)}
.mk-usercenter-shell .mk-user-side-id__avatar{flex:0 0 auto;width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 3px 10px rgba(29,44,57,.12);line-height:0}
.mk-usercenter-shell .mk-user-side-id__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.mk-usercenter-shell .mk-user-side-id__text{min-width:0}
.mk-usercenter-shell .mk-user-side-id__name{display:block;overflow:hidden;color:var(--mkuc-ink);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.mk-usercenter-shell .mk-user-side-id__name:hover{color:var(--mkuc-accent-ink);text-decoration:none}
.mk-usercenter-shell .mk-user-side-id__meta{display:block;margin-top:4px;color:var(--mkuc-muted);font-size:11.5px}
.mk-usercenter-shell .usermenu{margin:0;padding:0;list-style:none}
.mk-usercenter-shell .usermenu li{margin:3px 0}
.mk-usercenter-shell .usermenu li.split{height:1px;margin:14px 10px;border:0;background:var(--mkuc-line)}
.mk-usercenter-shell .usermenus{margin:0}
.mk-usercenter-shell .usermenu-label{margin:16px 0 6px;padding:0 10px;color:#a6b1ba;font-size:10.5px;font-weight:700;letter-spacing:.14em}
.mk-usercenter-shell .usermenu li a{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 9px 0 6px;border:0;border-radius:var(--mkuc-radius-s);color:#5d6b76;font-size:13.5px;line-height:1.4;transition:background .16s,color .16s}
.mk-usercenter-shell .usermenu li a .fa{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;color:#7c8992;font-size:14px;transition:color .16s}
.mk-usercenter-shell .usermenu li a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-usercenter-shell .usermenu li a:hover{background:#eef1f3;color:var(--mkuc-ink)}
.mk-usercenter-shell .usermenu li a:hover .fa{color:var(--mkuc-ink)}
.mk-usercenter-shell .usermenu li.active a{position:relative;background:#e7eaec;color:#1c2227;font-weight:600}
.mk-usercenter-shell .usermenu li.active a .fa{color:#1c2227}
.mk-usercenter-shell .usermenu .usermenu-signout{margin-top:8px;padding-top:12px;border-top:1px solid var(--mkuc-line)}
.mk-usercenter-shell .usermenu .usermenu-signout a{color:#6a747b}
.mk-usercenter-shell .usermenu .usermenu-signout a .fa{color:#6a747b}
.mk-usercenter-shell .usermenu .usermenu-signout a:hover{background:var(--mkuc-danger-soft);color:var(--mkuc-danger)}
.mk-usercenter-shell .usermenu .usermenu-signout a:hover .fa{color:var(--mkuc-danger)}

/* ---------- 页面标题区 ---------- */
.mk-usercenter-shell .mk-user-page__head{display:flex;align-items:center;gap:12px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--mkuc-line)}
.mk-usercenter-shell .mk-user-page__titles{min-width:0;flex:1}
.mk-usercenter-shell .mk-user-page__title{margin:0;color:var(--mkuc-ink);font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.35}
.mk-usercenter-shell .mk-user-page__desc{margin:5px 0 0;color:var(--mkuc-muted);font-size:12.5px;line-height:1.6}
.mk-usercenter-shell .mk-user-page__aside{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}
.mk-usercenter-shell .mk-usercenter-shell+.mk-usercenter-shell{margin-top:0}

/* ---------- 卡片 ---------- */
.mk-usercenter-shell .mk-user-card{margin-bottom:20px;border:1px solid var(--mkuc-line);border-radius:var(--mkuc-radius-m);background:#fff}
.mk-usercenter-shell .mk-user-card__head{display:flex;align-items:baseline;gap:12px;padding:17px 22px 14px;border-bottom:1px solid var(--mkuc-line)}
.mk-usercenter-shell .mk-user-card__title{margin:0;color:var(--mkuc-ink);font-size:15px;font-weight:600}
.mk-usercenter-shell .mk-user-card__desc{margin:0;color:var(--mkuc-muted);font-size:12px}
.mk-usercenter-shell .mk-user-card__aside{margin-left:auto;color:var(--mkuc-muted);font-size:12px}
.mk-usercenter-shell .mk-user-card__body{padding:8px 22px 22px}
.mk-usercenter-shell .mk-user-card--flush .mk-user-card__body{padding:0}
.mk-usercenter-shell .mk-user-card--soft{background:var(--mkuc-soft)}

/* ---------- 表单 ---------- */
.mk-usercenter-shell .mk-user-form{max-width:820px;margin:0;padding:0;list-style:none}
.mk-usercenter-shell .mk-user-form__row{display:flex;align-items:flex-start;gap:22px;padding:15px 0;border-bottom:1px dashed var(--mkuc-line)}
.mk-usercenter-shell .mk-user-form__row:last-child{border-bottom:0}
.mk-usercenter-shell .mk-user-form__label{flex:0 0 128px;padding-top:10px;color:#5c6b77;font-size:13px;font-weight:500;line-height:20px}
.mk-usercenter-shell .mk-user-form__field{flex:1;min-width:0;max-width:480px}
.mk-usercenter-shell .mk-user-form__field--wide{max-width:640px}
.mk-usercenter-shell .mk-user-form__hint{margin:7px 0 0;color:var(--mkuc-muted);font-size:11.5px;line-height:1.7}
.mk-usercenter-shell .mk-user-form__hint a{color:var(--mkuc-accent-ink);text-decoration:none}
.mk-usercenter-shell .mk-user-form__hint a:hover{text-decoration:underline}
.mk-usercenter-shell .mk-user-form__req{margin-left:3px;color:var(--mkuc-danger);font-style:normal}
.mk-usercenter-shell .mk-user-form__static{display:inline-flex;align-items:center;min-height:40px;color:var(--mkuc-ink);font-size:13.5px;word-break:break-all}
.mk-usercenter-shell .mk-user-form__row--action{padding-top:20px}
.mk-usercenter-shell .mk-user-form__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mk-usercenter-shell input[type=text],.mk-usercenter-shell input[type=email],.mk-usercenter-shell input[type=url],.mk-usercenter-shell input[type=password],.mk-usercenter-shell input[type=number],.mk-usercenter-shell select,.mk-usercenter-shell textarea,.mk-usercenter-shell .mk-user-input{box-sizing:border-box;width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--mkuc-line-strong);border-radius:var(--mkuc-radius-s);background:#fff;color:var(--mkuc-ink);font-size:13.5px;line-height:1.6;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .15s}
.mk-usercenter-shell textarea,.mk-usercenter-shell textarea.mk-user-input{min-height:104px;resize:vertical;line-height:1.75}
.mk-usercenter-shell select.mk-user-input{padding-right:34px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236b7a85' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 2l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.mk-usercenter-shell input:focus,.mk-usercenter-shell select:focus,.mk-usercenter-shell textarea:focus{border-color:var(--mkuc-accent);box-shadow:0 0 0 3px var(--mkuc-accent-soft);outline:0}
.mk-usercenter-shell input:disabled,.mk-usercenter-shell input[disabled]{background:#f5f7f8;color:#9aa6ae;cursor:not-allowed;border-color:var(--mkuc-line)}
.mk-usercenter-shell ::-webkit-input-placeholder{color:#b6c0c7;font-size:13px}
.mk-usercenter-shell ::placeholder{color:#b6c0c7;font-size:13px}
.mk-usercenter-shell .mk-user-password{position:relative;max-width:inherit}
.mk-usercenter-shell .mk-user-password .mk-user-input{padding-right:44px}
.mk-usercenter-shell .toggle-eye{position:absolute;top:5px;right:5px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#8b98a3;cursor:pointer;z-index:2;transition:background .15s,color .15s}
.mk-usercenter-shell .toggle-eye:hover{background:var(--mkuc-chip);color:var(--mkuc-ink)}
.mk-usercenter-shell .toggle-eye.is-shown{color:var(--mkuc-accent-ink);background:var(--mkuc-accent-soft)}

/* ---------- 按钮 ---------- */
.mk-usercenter-shell .mk-user-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-width:104px;height:38px;padding:0 18px;border:1px solid transparent;border-radius:var(--mkuc-radius-s);background:var(--mkuc-accent);color:#fff;font-family:inherit;font-size:13.5px;font-weight:600;line-height:1;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none;transition:background .16s,border-color .16s,color .16s,transform .16s}
.mk-usercenter-shell .mk-user-btn:hover,.mk-usercenter-shell .mk-user-btn:focus{background:var(--mkuc-accent-ink);color:#fff;text-decoration:none;transform:translateY(-1px)}
.mk-usercenter-shell .mk-user-btn--ghost{background:#fff;border-color:var(--mkuc-line-strong);color:#4f5e69}
.mk-usercenter-shell .mk-user-btn--ghost:hover,.mk-usercenter-shell .mk-user-btn--ghost:focus{background:var(--mkuc-accent-soft);border-color:var(--mkuc-accent-line);color:var(--mkuc-accent-ink)}
.mk-usercenter-shell .mk-user-btn--danger{background:var(--mkuc-danger)}
.mk-usercenter-shell .mk-user-btn--danger:hover,.mk-usercenter-shell .mk-user-btn--danger:focus{background:#9d2b23}
.mk-usercenter-shell .mk-user-btn--sm{min-width:0;height:32px;padding:0 13px;font-size:12.5px;border-radius:8px}
.mk-usercenter-shell .mk-user-btn:disabled{background:#dde3e7;border-color:#dde3e7;color:#fff;cursor:not-allowed;transform:none}
.mk-usercenter-shell .mk-user-btn .fa{font-size:13px}

/* ---------- 表格 ---------- */
.mk-usercenter-shell .mk-user-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.mk-usercenter-shell table.mk-user-table{width:100%;min-width:680px;margin:0;border-collapse:separate;border-spacing:0;font-size:13px}
.mk-usercenter-shell table.mk-user-table th{border:0;text-align:center}
.mk-usercenter-shell table.mk-user-table td{border:0;text-align:center}
.mk-usercenter-shell table.mk-user-table thead th{padding:12px 14px;border-bottom:1px solid var(--mkuc-line);background:var(--mkuc-soft);color:#63717c;font-size:12px;font-weight:600;white-space:nowrap}
.mk-usercenter-shell table.mk-user-table tbody td{padding:13px 14px;border-bottom:1px solid var(--mkuc-line);color:#54626d;vertical-align:middle}
.mk-usercenter-shell table.mk-user-table tbody tr{transition:background .15s}
.mk-usercenter-shell table.mk-user-table tbody tr:hover{background:#fdf7f6}
.mk-usercenter-shell table.mk-user-table tbody tr:last-child td{border-bottom:0}
.mk-usercenter-shell table.mk-user-table a{color:var(--mkuc-ink);font-weight:500;text-decoration:none}
.mk-usercenter-shell table.mk-user-table a:hover{color:var(--mkuc-accent-ink)}
.mk-usercenter-shell table.mk-user-table .mk-user-table__mono{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#6b7a84;letter-spacing:.02em}
.mk-usercenter-shell table.mk-user-table .mk-user-table__num{color:var(--mkuc-muted);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.mk-usercenter-shell table.mk-user-table .mk-user-table__act{color:var(--mkuc-ink);font-weight:400;white-space:nowrap}

/* ---------- 标签 / 工具条 ---------- */
.mk-usercenter-shell .mk-user-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;background:var(--mkuc-chip);color:var(--mkuc-chip-ink);font-size:11.5px;font-weight:500;white-space:nowrap}
.mk-usercenter-shell .mk-user-chip--accent{background:var(--mkuc-accent-soft);color:var(--mkuc-accent-ink)}
.mk-usercenter-shell .mk-user-chip--muted{background:#edf8ef;color:#35803f}
.mk-usercenter-shell .mk-user-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding:16px 18px;border:1px solid var(--mkuc-line);border-radius:var(--mkuc-radius-m);background:var(--mkuc-soft)}
.mk-usercenter-shell .mk-user-toolbar__label{margin-right:2px;color:#6b7a85;font-size:12.5px;font-weight:500}
.mk-usercenter-shell .mk-user-toolbar select,.mk-usercenter-shell .mk-user-toolbar input{box-sizing:border-box;width:auto;min-width:170px;max-width:260px;height:40px;background-color:#fff}
.mk-usercenter-shell .mk-user-toolbar .mk-user-btn{height:40px}
.mk-usercenter-shell .mk-user-toolbar__spacer{margin-left:auto}

/* ---------- 空状态 ---------- */
.mk-usercenter-shell .mk-user-empty{display:flex;flex-direction:column;align-items:center;padding:52px 24px 46px;border:1px dashed var(--mkuc-line-strong);border-radius:var(--mkuc-radius-m);background:#fcfdfd;text-align:center}
.mk-usercenter-shell .mk-user-empty img{width:128px;margin-bottom:10px;opacity:.82}
.mk-usercenter-shell .mk-user-empty__title{color:var(--mkuc-ink);font-size:15px;font-weight:600}
.mk-usercenter-shell .mk-user-empty__text{max-width:420px;margin-top:6px;color:var(--mkuc-muted);font-size:12.5px;line-height:1.75}
.mk-usercenter-shell .mk-user-empty__action{margin-top:16px}
.mk-usercenter-shell .mk-user-empty .mk-user-empty__action a{text-decoration:none}

/* ---------- 分页 ---------- */
.mk-usercenter-shell .mk-pagination{margin:22px 0 0}
.mk-usercenter-shell .mk-pagination ul{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.mk-usercenter-shell .mk-pagination li{display:flex}
.mk-usercenter-shell .mk-pagination li a,.mk-usercenter-shell .mk-pagination li span{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:33px;height:32px;padding:0 10px;border:1px solid var(--mkuc-line);border-radius:9px;background:#fff;color:#5f6d78;font-size:12.5px;text-decoration:none;transition:border-color .15s,color .15s,background .15s}
.mk-usercenter-shell .mk-pagination li a:hover{border-color:var(--mkuc-accent-line);background:var(--mkuc-accent-soft);color:var(--mkuc-accent-ink)}
.mk-usercenter-shell .mk-pagination li.active span{border-color:var(--mkuc-accent);background:var(--mkuc-accent);color:#fff;font-weight:600}
.mk-usercenter-shell .mk-pagination li.more{padding:0 3px;color:var(--mkuc-muted);font-size:12px}
.mk-usercenter-shell .mk-pagination li.info{margin-left:8px;color:var(--mkuc-muted);font-size:12px}

/* ---------- 加载指示 ---------- */
.mk-usercenter-shell .mk-user-spinner,.popform .mk-user-spinner{box-sizing:border-box;display:block;width:46px;height:46px;margin:26px auto;border:4px solid #eaeef1;border-radius:50%;border-top-color:#eb685a;animation:mkuc-spin .9s linear infinite}
.popform .mk-user-loading-text{margin:0 0 8px;color:#6b7a85;font-size:13px}
@keyframes mkuc-spin{to{transform:rotate(360deg)}}

/* ---------- 头像编辑 ---------- */
.mk-user-avatar-button{position:relative;display:block;padding:0;border:0;background:transparent;line-height:0;cursor:pointer}
.mk-user-avatar-button img{display:block}
.mk-user-avatar-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:50%;background:rgba(24,32,38,.55);color:#fff;font-size:15px;opacity:0;transition:opacity .18s}
.mk-user-avatar-overlay__text{font-size:10px;line-height:1.2;white-space:nowrap}
.mk-user-avatar-button:hover .mk-user-avatar-overlay,.mk-user-avatar-button:focus .mk-user-avatar-overlay{opacity:1}
.mk-user-avatar-editor small{display:block;margin-top:8px;color:var(--mkuc-muted);font-size:11px;line-height:1.4;text-align:center}
.mk-user-avatar-editor small:empty{display:none;margin:0}
.mk-user-avatar-editor form{display:none}
.mk-usercenter-shell .user-loading{text-align:center;padding:120px 0;color:var(--mkuc-muted);font-size:14px}

/* ---------- 首页：概览 ---------- */
.mk-usercenter-shell .mk-user-profile-card{display:flex;align-items:center;gap:24px;padding:26px 28px;border:1px solid var(--mkuc-line);border-radius:var(--mkuc-radius-m);background:linear-gradient(120deg,#f9fbfb 0%,#f4f8f7 100%)}
.mk-usercenter-shell .mk-user-profile-avatar{flex:0 0 auto;line-height:0}
.mk-usercenter-shell .mk-user-profile-avatar img{width:88px;height:88px;border-radius:50%;border:4px solid #fff;box-shadow:0 5px 16px rgba(29,44,57,.13)}
.mk-usercenter-shell .mk-user-profile-info{flex:1;min-width:0}
.mk-usercenter-shell .mk-user-profile-info h2{margin:0 0 10px;color:var(--mkuc-ink);font-size:21px;font-weight:600;line-height:1.3}
.mk-usercenter-shell .mk-user-profile-meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:#71818d;font-size:12.5px}
.mk-usercenter-shell .mk-user-profile-meta span{display:inline-flex;align-items:center;gap:6px}
.mk-usercenter-shell .mk-user-profile-meta .fa{color:var(--mkuc-accent)}
.mk-usercenter-shell .mk-user-catfood-box{min-width:150px;padding-left:26px;border-left:1px solid var(--mkuc-line-strong);text-align:right}
.mk-usercenter-shell .mk-user-catfood-box span{display:block;color:#7b8a93;font-size:12px}
.mk-usercenter-shell .mk-user-catfood-box strong{display:block;margin:5px 0 4px;color:#eb685a;font-size:32px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.mk-usercenter-shell .mk-user-catfood-box em{display:block;color:var(--mkuc-muted);font-size:11px;font-style:normal}
.mk-usercenter-shell .mk-user-catfood-box em.mk-user-catfood-box__soon{margin-top:5px;color:#DB7060;font-weight:600}
.mk-usercenter-shell .mk-user-catfood-link{color:#2271b1;text-decoration:none}
.mk-usercenter-shell .mk-user-catfood-link:hover{text-decoration:underline}
.mk-usercenter-shell .mk-user-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 34px}
.mk-usercenter-shell .mk-user-stat-card{display:flex;align-items:center;gap:13px;min-width:0;padding:18px;border:1px solid var(--mkuc-line);border-radius:var(--mkuc-radius-m);background:#fff;color:var(--mkuc-ink);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.mk-usercenter-shell .mk-user-stat-card:hover{color:var(--mkuc-ink);border-color:var(--mkuc-accent-line);box-shadow:0 10px 24px rgba(29,44,57,.07);transform:translateY(-2px)}
.mk-usercenter-shell .mk-user-stat-card--plain{cursor:default}
.mk-usercenter-shell .mk-user-stat-card--plain:hover{border-color:var(--mkuc-line);box-shadow:0 2px 10px rgba(29,44,57,.03);transform:none}
.mk-usercenter-shell .mk-user-stat-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--mkuc-chip);color:var(--mkuc-chip-ink);font-size:15px}
.mk-usercenter-shell .mk-user-stat-icon svg{display:block;width:20px;height:20px}
.mk-usercenter-shell .mk-user-stat-card--catfood .mk-user-stat-icon{background:#fdeeeb;color:#eb685a}
.mk-usercenter-shell .mk-user-stat-card--favorite .mk-user-stat-icon{background:#fdeef3;color:#d8567f}
.mk-usercenter-shell .mk-user-stat-card--favorite:hover{border-color:#f0c3d3}
.mk-usercenter-shell .mk-user-stat-card--cert .mk-user-stat-icon{background:#fdf3e2;color:#d4941f}
.mk-usercenter-shell .mk-user-stat-card--cert:hover{border-color:#efdcbd}
.mk-usercenter-shell .mk-user-stat-card--downloads .mk-user-stat-icon{background:#e8f0fe;color:#4a7fcf}
.mk-usercenter-shell .mk-user-stat-card--downloads:hover{border-color:#c5d9f5}
.mk-usercenter-shell .mk-user-stat-card--comments .mk-user-stat-icon{background:#eafaf0;color:#3a9e5c}
.mk-usercenter-shell .mk-user-stat-card--comments:hover{border-color:#c3e8d0}
.mk-usercenter-shell .mk-user-stat-card small,.mk-usercenter-shell .mk-user-stat-card strong{display:block}
.mk-usercenter-shell .mk-user-stat-card small{margin-bottom:4px;color:#80909b;font-size:11.5px}
.mk-usercenter-shell .mk-user-stat-card strong{color:var(--mkuc-ink);font-size:21px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.mk-usercenter-shell .mk-user-stat-card--catfood strong{color:#eb685a}
.mk-usercenter-shell .mk-user-stat-arrow{margin-left:auto;color:#b3bec5;font-size:14px}
.mk-usercenter-shell .mk-user-stat-flow{flex:0 0 auto;align-self:flex-start;margin-left:auto;color:var(--mkuc-info);font-size:12.5px;font-weight:500;white-space:nowrap;text-decoration:none}
.mk-usercenter-shell .mk-user-stat-flow:hover{color:var(--mkuc-info);text-decoration:underline}
.mk-usercenter-shell .mk-user-stat-catfood{display:flex;align-items:flex-start;flex:1;min-width:0}
.mk-usercenter-shell .mk-user-catfood-part{display:block;flex:1 1 0;min-width:auto}
.mk-usercenter-shell .mk-user-catfood-part+.mk-user-catfood-part{margin-left:12px;padding-left:12px;border-left:1px solid var(--mkuc-line)}
.mk-usercenter-shell .mk-user-catfood-part small,.mk-usercenter-shell .mk-user-catfood-part strong{white-space:nowrap}
.mk-usercenter-shell .mk-user-stat-card--catfood .mk-user-catfood-expiring{position:relative;color:#80909b;cursor:help}
.mk-usercenter-shell .mk-user-catfood-help__tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 10px;background:#1d2c39;color:#fff;font-size:11px;font-weight:400;line-height:1.5;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,visibility .15s;z-index:20}
.mk-usercenter-shell .mk-user-catfood-expiring:hover .mk-user-catfood-help__tip{opacity:1;visibility:visible}
.mk-usercenter-shell .mk-user-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.mk-usercenter-shell .mk-user-quick-grid a{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--mkuc-line);border-radius:var(--mkuc-radius-m);color:var(--mkuc-ink);text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.mk-usercenter-shell .mk-user-quick-grid a:hover{border-color:var(--mkuc-accent-line);background:#fffaf9;transform:translateY(-2px)}
.mk-usercenter-shell .mk-user-quick-grid>a>.fa:first-child{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:11px;background:var(--mkuc-chip);color:var(--mkuc-chip-ink);font-size:14px}
.mk-usercenter-shell .mk-user-quick-grid>a.mk-user-quick-card--edit>.fa:first-child{background:#eaf2fb;color:#4a86c5}
.mk-usercenter-shell .mk-user-quick-grid>a.mk-user-quick-card--password>.fa:first-child{background:#fdf1e4;color:#d98a34}
.mk-usercenter-shell .mk-user-quick-grid>a.mk-user-quick-card--binding>.fa:first-child{background:#f0eefc;color:#7a6bd8}
.mk-usercenter-shell .mk-user-quick-grid strong,.mk-usercenter-shell .mk-user-quick-grid small{display:block}
.mk-usercenter-shell .mk-user-quick-grid strong{font-size:13.5px;font-weight:600}
.mk-usercenter-shell .mk-user-quick-grid small{margin-top:4px;color:var(--mkuc-muted);font-size:11.5px}
.mk-usercenter-shell .mk-user-quick-grid>a>.fa:last-child{margin-left:auto;color:#b7c2c9;font-size:13px}
.mk-usercenter-shell .mk-user-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:0 0 13px;padding:0}
.mk-usercenter-shell .mk-user-section-heading h2{margin:0;color:var(--mkuc-ink);font-size:16px;font-weight:600}
.mk-usercenter-shell .mk-user-section-heading>span{color:var(--mkuc-muted);font-size:12px}
.mk-usercenter-shell .mk-user-quick-section{padding-top:4px}
.mk-usercenter-shell .mk-user-login-tip{max-width:720px;margin:56px auto;padding:34px 30px;border:1px solid var(--mkuc-line);border-radius:var(--mkuc-radius-m);background:#fff;color:#6d7d88;box-shadow:var(--mkuc-shadow);text-align:center}
.mk-usercenter-shell .mk-user-login-tip a{color:var(--mkuc-accent-ink)}

/* ---------- 我的收藏 ---------- */
.mk-usercenter-shell .mk-favorite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0}
.mk-usercenter-shell .mk-favorite-grid__item{min-width:0}
.mk-usercenter-shell .favorite-grid .combox{position:relative;margin:0;border:1px solid var(--mkuc-line);border-radius:var(--mkuc-radius-m);box-shadow:none;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.mk-usercenter-shell .favorite-grid .combox:hover{border-color:var(--mkuc-accent-line);box-shadow:0 12px 26px rgba(29,44,57,.09);transform:translateY(-2px)}
.mk-usercenter-shell .favorite-grid .combox__image{padding-top:62%;border-bottom:1px solid #f1f4f6}
.mk-usercenter-shell .favorite-grid .combox__image img{border-radius:0}
.mk-usercenter-shell .favorite-grid .combox__title{padding:12px 14px 0;font-size:15px}
.mk-usercenter-shell .favorite-grid .combox__title time{top:2px}
.mk-usercenter-shell .favorite-grid .combox__subtitle{padding:0 14px;margin:7px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:34px}
.mk-usercenter-shell .favorite-grid .combox__synopsis{margin:11px 14px 0;padding:9px 0;border-top:1px dashed var(--mkuc-line);border-bottom:1px dashed var(--mkuc-line);color:#8b98a3;font-size:11.5px}
.mk-usercenter-shell .favorite-grid .combox__synopsis p{display:none}
.mk-usercenter-shell .favorite-grid .combox__info{padding:11px 14px 14px;font-size:12px;color:var(--mkuc-muted)}
.mk-usercenter-shell .favorite-grid .combox__info .info,.mk-usercenter-shell .favorite-grid .combox__info .post-like{color:#8b98a3}
.mk-usercenter-shell .favorite-grid .combox__info .post-like{right:0}
.mk-usercenter-shell .favorite-grid .unfavorite-link{top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(24,32,38,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11.5px;line-height:1.2;text-decoration:none;opacity:0;transition:opacity .18s,background .18s}
.mk-usercenter-shell .favorite-grid .combox:hover .unfavorite-link,.mk-usercenter-shell .favorite-grid .unfavorite-link:focus{opacity:1;display:inline-flex}
.mk-usercenter-shell .favorite-grid .unfavorite-link:hover{background:var(--mkuc-danger)}
.mk-usercenter-shell .favorite-grid .unfavorite-link .fa-remove{margin-right:0;font-size:11px}
.mk-usercenter-shell .favorite-grid .unfavorite-link.is-busy{opacity:1;background:rgba(24,32,38,.78)}
@media (hover:none){.mk-usercenter-shell .favorite-grid .unfavorite-link{opacity:1}}

/* ---------- 账号绑定 ---------- */
.mk-usercenter-shell .mks-bindings{--mks-theme:var(--mkuc-accent);--mks-theme-hover:var(--mkuc-accent-ink);--mks-success:#58be6a;--mks-success-bg:#eaf7ed;--mks-danger:var(--mkuc-danger);--mks-text:var(--mkuc-ink);--mks-sub:var(--mkuc-muted);--mks-border:var(--mkuc-line);--mks-bg:#fff;--mks-bg-hover:#fdf7f6;--mks-bg-light:#f7fafb;--mks-bg-icon:#f2f5f6;--mks-radius:var(--mkuc-radius-m);--mks-shadow:none}
.mk-usercenter-shell .mks-bindings-list{width:100%;max-width:none;gap:12px}
.mk-usercenter-shell .mks-bindings-item{padding:15px 18px;border:1px solid var(--mkuc-line);box-shadow:none;transition:border-color .16s,box-shadow .16s}
.mk-usercenter-shell .mks-bindings-item:hover{border-color:var(--mkuc-accent-line);box-shadow:0 8px 20px rgba(29,44,57,.05)}
.mk-usercenter-shell .mks-bindings-item__icon{width:44px;height:44px;border-radius:12px;background:transparent}
.mk-usercenter-shell .is-bound .mks-bindings-item__icon{background:transparent}
.mk-usercenter-shell .mks-bindings-item__icon .iconfont{font-size:32px;line-height:1}
.mk-usercenter-shell .mks-bindings-item__name{font-size:14px}
.mk-usercenter-shell .mks-btn{border-radius:9px;font-weight:600}
.mk-usercenter-shell .mks-btn--primary{background:var(--mkuc-accent)}
.mk-usercenter-shell .mks-btn--primary:hover{background:var(--mkuc-accent-ink);opacity:1}
.mk-usercenter-shell .mks-btn--danger{border-color:var(--mkuc-line-strong);background:#fff;color:#5f6d78}
.mk-usercenter-shell .mks-btn--danger:hover{border-color:var(--mkuc-danger);background:var(--mkuc-danger-soft);color:var(--mkuc-danger)}

/* ---------- 我的品牌（沿用 .brandedit .arow 结构） ---------- */
.mk-usercenter-shell .user-main--brand .mk-user-card{box-shadow:none}
.mk-usercenter-shell .brandedit{width:auto;max-width:960px;margin:0}
.mk-usercenter-shell .brandedit .arow{display:flex;align-items:flex-start;gap:22px;width:auto;margin:0;padding:15px 0;border-bottom:1px dashed var(--mkuc-line)}
.mk-usercenter-shell .brandedit .arow:last-child{border-bottom:0}
.mk-usercenter-shell .brandedit .arow-item{display:block;width:auto;padding:0;text-align:left!important}
.mk-usercenter-shell .brandedit .arow-item:first-child{flex:0 0 128px;width:128px;padding-top:10px;color:#5c6b77;font-size:13px;font-weight:500}
.mk-usercenter-shell .brandedit .arow-item:last-child{flex:1;min-width:0;max-width:760px;padding-right:0}
.mk-usercenter-shell .brandedit .arow-item input[type=text],
.mk-usercenter-shell .brandedit .arow-item input[type=email],
.mk-usercenter-shell .brandedit .arow-item input[type=url],
.mk-usercenter-shell .brandedit .arow-item textarea{box-sizing:border-box;width:100%;min-height:40px;padding:9px 12px;border:1px solid var(--mkuc-line-strong);border-radius:var(--mkuc-radius-s);background:#fff;color:var(--mkuc-ink);font-size:13.5px;line-height:1.6;box-shadow:none;transition:border-color .15s,box-shadow .15s,background .15s}
.mk-usercenter-shell .brandedit .arow-item textarea{min-height:104px;resize:vertical;line-height:1.75}
.mk-usercenter-shell .brandedit .arow-item label{width:auto;color:inherit;font-size:inherit;font-weight:inherit;line-height:20px}
.mk-usercenter-shell .brandedit .arow-item .description{margin:7px 0 0;color:var(--mkuc-muted);font-size:11.5px;line-height:1.7}
.mk-usercenter-shell .brandedit .arow-item .description a{color:var(--mkuc-accent-ink);word-break:break-all}
.mk-usercenter-shell .brandedit .arow-item img{box-sizing:border-box;display:block;max-width:200px;margin-bottom:9px;padding:6px;border:1px solid var(--mkuc-line-strong);border-radius:var(--mkuc-radius-s);background:#fff}
.mk-usercenter-shell .brandedit .arow-item .uploading{margin-bottom:9px;color:var(--mkuc-muted);font-size:12px}
.mk-usercenter-shell .brandedit .arow-item input[type="button"]{width:auto;min-width:0;padding:0 16px;border:1px solid var(--mkuc-line-strong);border-radius:var(--mkuc-radius-s)}
.mk-usercenter-shell .brandedit .arow-item input.custom_media_upload{display:inline-flex;align-items:center;gap:7px;height:34px;margin:0 0 9px;padding:0 15px;border:1px dashed var(--mkuc-line-strong);border-radius:9px;background:#fff;color:#4f5e69;font-size:12.5px;font-weight:600;line-height:1;cursor:pointer;transition:border-color .16s,color .16s,background .16s}
.mk-usercenter-shell .brandedit .arow-item input.custom_media_upload:hover{border-color:var(--mkuc-accent);background:var(--mkuc-accent-soft);color:var(--mkuc-accent-ink)}

/* ---------- 注销帐号 ---------- */
.mk-usercenter-shell .mk-user-danger{padding:20px 22px;border:1px solid #f0cfcb;border-left:4px solid var(--mkuc-danger);border-radius:var(--mkuc-radius-m);background:var(--mkuc-danger-soft);color:#6d3833;line-height:1.85}
.mk-usercenter-shell .mk-user-danger__title{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#a5271f;font-size:16px;font-weight:600}
.mk-usercenter-shell .mk-user-danger p{margin:0 0 8px}
.mk-usercenter-shell .mk-user-danger p:last-child{margin-bottom:0}
.mk-usercenter-shell .delete-account-page{max-width:760px}
.mk-usercenter-shell .delete-account-warning{margin:0 0 22px;padding:20px 22px;border:1px solid #f0cfcb;border-left:4px solid var(--mkuc-danger);border-radius:var(--mkuc-radius-m);background:var(--mkuc-danger-soft);color:#6d3833;line-height:1.85}
.mk-usercenter-shell .delete-account-warning strong{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#a5271f;font-size:16px;font-weight:600}
.mk-usercenter-shell .delete-account-warning p:last-child{margin-bottom:0}
.mk-usercenter-shell .delete-account-warning ul{margin:0 0 8px;padding-left:18px;list-style:disc}
.mk-usercenter-shell .delete-account-warning li{margin-top:2px}
.mk-usercenter-shell .delete-account-acknowledgement{display:flex;align-items:flex-start;gap:10px;margin:0 0 20px;color:#55636d;font-size:13.5px;line-height:1.7}
.mk-usercenter-shell .delete-account-acknowledgement input{flex:0 0 auto;width:16px;height:16px;margin-top:4px;accent-color:var(--mkuc-accent);cursor:pointer}
.mk-usercenter-shell .delete-account-acknowledgement label{width:auto;flex:0 1 auto;padding:0;cursor:pointer;line-height:1.7}
.mk-usercenter-shell .delete-button-slot .mk-user-btn:disabled{background:#e4e8eb;color:#a9b3ba;cursor:not-allowed;transform:none}
.account-modal[hidden]{display:none}
.account-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,26,31,.62)}
.account-modal__panel{box-sizing:border-box;width:100%;max-width:520px;padding:28px;border-radius:18px;background:#fff;box-shadow:0 24px 64px rgba(15,22,28,.32)}
.account-modal__panel h2{margin:0 0 12px;color:#a5271f;font-size:20px;font-weight:600}
.account-modal__panel p{margin:0 0 10px;color:#55636d;font-size:13.5px;line-height:1.8}
.account-modal__panel .form-control{box-sizing:border-box;width:100%;min-height:40px;margin-top:10px;padding:9px 12px;border:1px solid #d6e0e5;border-radius:10px;color:#1d2c39;font-size:13.5px;box-shadow:none}
.account-modal__panel .form-control:focus{border-color:#eb685a;box-shadow:0 0 0 3px #fdeeec;outline:0}
.account-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.account-modal__actions .btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:104px;height:38px;padding:0 18px;border:1px solid transparent;border-radius:10px;font-size:13.5px;font-weight:600;line-height:1;cursor:pointer;transition:background .16s,color .16s,transform .16s}
.account-modal__actions .account-modal__cancel{border-color:#d6e0e5;background:#fff;color:#4f5e69}
.account-modal__actions .account-modal__cancel:hover{border-color:#b9c6cd;background:#f6f8f9;color:#1d2c39}
.account-modal__actions .btn-primary,.account-modal__actions .delete-account-button{border-color:var(--mkuc-danger,#c0392f);background:var(--mkuc-danger,#c0392f);color:#fff}
.account-modal__actions .btn-primary:hover,.account-modal__actions .delete-account-button:hover{background:#9d2b23;border-color:#9d2b23;color:#fff}
.account-modal__actions .delete-account-button:disabled{background:#e4e8eb;border-color:#e4e8eb;color:#fff;cursor:not-allowed;transform:none}
.delete-account-input-message{min-height:22px;margin:8px 0 0;color:#a5271f;font-size:12.5px}
@media (max-width:600px){.account-modal{align-items:flex-end;padding:12px}.account-modal__panel{padding:22px 18px;border-radius:16px}.account-modal__actions{flex-direction:column-reverse}.account-modal__actions .btn{width:100%}}

/* ---------- 旧结构兼容（.userheadline / .user-meta / .usertitle） ---------- */
.mk-usercenter-shell .userheadline{display:flex;align-items:center;gap:14px;margin:0 0 24px;padding:0 0 18px;border:0;border-bottom:1px solid var(--mkuc-line);font-size:inherit}
.mk-usercenter-shell .userheadline__title{color:var(--mkuc-ink);font-size:22px;font-weight:600}
.mk-usercenter-shell .userheadline .operate{position:static;transform:none;display:flex;gap:8px;margin-left:auto}
.mk-usercenter-shell .usertitle{display:block;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--mkuc-line);text-align:left}
.mk-usercenter-shell .usertitle img,.mk-usercenter-shell .usertitle .avatar{width:46px;height:46px;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px rgba(29,44,57,.12)}
.mk-usercenter-shell .usertitle h2{margin:8px 0 0;color:var(--mkuc-ink);font-size:14px;font-weight:600}
.mk-usercenter-shell .user-meta{max-width:820px;margin:0;padding:0;list-style:none}
.mk-usercenter-shell .user-meta li{display:flex;align-items:center;gap:22px;min-height:52px;margin:0;padding:12px 0;border-bottom:1px dashed var(--mkuc-line);color:var(--mkuc-ink);font-size:13.5px;line-height:1.6}
.mk-usercenter-shell .user-meta li:last-child{border-bottom:0}
.mk-usercenter-shell .user-meta label{display:block;flex:0 0 128px;width:128px;float:none;margin:0;color:#5c6b77;text-align:left;font-size:13px;font-weight:500;line-height:20px}
.mk-usercenter-shell .user-meta .form-control{width:min(100%,480px)}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
    .mk-usercenter-shell .mk-user-stat-grid,.mk-usercenter-shell .mk-user-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mk-usercenter-shell .mk-favorite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
    .mk-usercenter-shell .userside{flex:0 0 186px;width:186px;padding:22px 10px}
    .mk-usercenter-shell .user-main{padding:28px 26px 34px}
}
@media (max-width:860px){
    .mk-usercenter-shell .mk-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .mk-usercenter-shell .mk-user-profile-card{flex-wrap:wrap;gap:18px}
    .mk-usercenter-shell .mk-user-catfood-box{width:100%;padding:16px 0 0;border-top:1px solid var(--mkuc-line-strong);border-left:0;text-align:left}
    .mk-usercenter-shell .mk-user-catfood-box strong{display:inline-block;margin:0 0 0 6px;font-size:26px}
}
@media (max-width:680px){
    .mk-usercenter-shell{margin-top:18px;margin-bottom:34px}
    .mk-usercenter-shell .container-user{flex-direction:column;padding-left:0}
    .mk-usercenter-shell .userside{flex:0 0 auto;width:auto;padding:18px 16px;border-right:0;border-bottom:1px solid var(--mkuc-line);border-radius:0;background:#fff}
    .mk-usercenter-shell .mk-user-side-id{padding-bottom:14px;margin-bottom:14px}
    .mk-usercenter-shell .usermenus{display:flex;gap:7px;margin:0;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
    .mk-usercenter-shell .usermenu{display:flex;gap:7px;flex:0 0 auto;margin:0;padding:0;list-style:none}
    .mk-usercenter-shell .usermenu li{flex:0 0 auto;margin:0}
    .mk-usercenter-shell .usermenu li.split,.mk-usercenter-shell .usermenu-label{display:none}
    .mk-usercenter-shell .usermenu li a{min-height:36px;padding:0 11px;gap:7px;font-size:12.5px;border:1px solid var(--mkuc-line)}
    .mk-usercenter-shell .usermenu li a .fa{width:auto;font-size:12px}
    .mk-usercenter-shell .usermenu .usermenu-signout{margin-top:0;padding-top:0;border-top:0}
    .mk-usercenter-shell .user-main{min-height:0;padding:22px 16px 30px}
    .mk-usercenter-shell .mk-user-page__head{flex-wrap:wrap;gap:12px;padding-bottom:16px}
    .mk-usercenter-shell .mk-user-page__title{font-size:19px}
    .mk-usercenter-shell .mk-user-page__aside{width:100%;margin-left:0}
    .mk-usercenter-shell .mk-user-card__head{flex-wrap:wrap;gap:4px;padding:15px 16px 12px}
    .mk-usercenter-shell .mk-user-card__body{padding:4px 16px 18px}
    .mk-usercenter-shell .mk-user-form__row,.mk-usercenter-shell .brandedit .arow{display:block;padding:14px 0}
    .mk-usercenter-shell .mk-user-form__label,.mk-usercenter-shell .brandedit .arow-item:first-child,.mk-usercenter-shell .user-meta label{width:auto;flex:0 0 auto;padding-top:0;margin-bottom:7px}
    .mk-usercenter-shell .mk-user-form__field,.mk-usercenter-shell .brandedit .arow-item:last-child{max-width:100%}
    .mk-usercenter-shell .mk-user-form__row--action{padding-top:16px}
    .mk-usercenter-shell .user-meta li{display:block;min-height:0;padding:12px 0;line-height:1.7}
    .mk-usercenter-shell .user-meta label{width:auto;margin-bottom:6px}
    .mk-usercenter-shell .user-meta .form-control{width:100%}
    .mk-usercenter-shell .mk-user-toolbar{padding:14px}
    .mk-usercenter-shell .mk-user-toolbar select,.mk-usercenter-shell .mk-user-toolbar input{width:100%;max-width:none}
    .mk-usercenter-shell .mk-user-stat-grid,.mk-usercenter-shell .mk-user-quick-grid,.mk-usercenter-shell .mk-favorite-grid{grid-template-columns:1fr}
    .mk-usercenter-shell .mk-user-profile-card{padding:20px}
    .mk-usercenter-shell .mk-user-profile-info{flex:1;min-width:150px}
    .mk-usercenter-shell .mk-user-profile-meta{display:block}
    .mk-usercenter-shell .mk-user-profile-meta span{display:flex;margin-top:6px}
    .mk-usercenter-shell .mk-user-avatar-editor small{text-align:left}
    .mk-usercenter-shell .mk-user-btn{min-width:0}
}

/* ---------- 猫粮明细 ---------- */
.mk-usercenter-shell .mk-catflow-tabs{display:flex;align-items:center;gap:24px;margin:0 0 18px;padding:0 1px;border-bottom:1px solid var(--mkuc-line)}
.mk-usercenter-shell .mk-catflow-tabs a{position:relative;padding-bottom:11px;color:#5d6b76;font-size:13.5px;text-decoration:none}
.mk-usercenter-shell .mk-catflow-tabs a:hover{color:var(--mkuc-ink)}
.mk-usercenter-shell .mk-catflow-tabs a.is-active{color:var(--mkuc-ink);font-weight:600}
.mk-usercenter-shell .mk-catflow-tabs a.is-active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px 2px 0 0;background:var(--mkuc-accent)}
.mk-usercenter-shell .mk-catflow-tabs__note{margin-left:auto;padding-bottom:11px;color:var(--mkuc-muted);font-size:12px}
.mk-usercenter-shell table.mk-catflow-table .mk-catflow-amount{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-usercenter-shell table.mk-catflow-table .mk-catflow-amount.is-in{color:#58be6a}
.mk-usercenter-shell table.mk-catflow-table .mk-catflow-amount.is-out{color:#4d5d6a}
.mk-usercenter-shell table.mk-catflow-table .mk-catflow-note small{display:block;margin-top:3px;color:var(--mkuc-muted);font-size:11.5px}
@media (max-width:680px){.mk-usercenter-shell .mk-catflow-tabs{flex-wrap:wrap;gap:14px 18px}.mk-usercenter-shell .mk-catflow-tabs__note{width:100%;margin-left:0;padding-bottom:0}}

/* Comment thread view */
.mk-comment-thread{margin-bottom:24px;border:1px solid #e4e8eb;background:#fff;border-radius:var(--mkuc-radius-m);background:#fff;overflow:hidden}
.mk-comment-thread__header{display:flex;align-items:center;gap:8px;padding:12px 18px;background:var(--mkuc-soft);border-bottom:1px solid var(--mkuc-line);font-size:13px;color:var(--mkuc-muted)}
.mk-comment-thread__header i{color:var(--mkuc-accent);font-size:14px}
.mk-comment-thread__header a{color:var(--mkuc-ink);font-weight:500;text-decoration:none}
.mk-comment-thread__header a:hover{color:var(--mkuc-accent-ink)}
.mk-comment-thread__body{padding:0}
.mk-comment-floor{display:flex;gap:14px;padding:16px 18px;border-bottom:1px solid var(--mkuc-line)}
.mk-comment-floor:last-child{border-bottom:0}
.mk-comment-floor.is-top{background:#fdfcfb}
.mk-comment-floor.is-mine{background:#fff}
.mk-comment-floor__avatar{flex-shrink:0}
.mk-comment-floor__avatar img{display:block;width:40px;height:40px;border-radius:50%}
.mk-comment-floor__main{flex:1;min-width:0}
.mk-comment-floor__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:12px;color:var(--mkuc-muted)}
.mk-comment-floor__author{color:var(--mkuc-ink);font-size:13px;font-weight:600}
.mk-comment-floor__badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:500;background:#eef2f5;color:#63717c;margin-left:4px}
.mk-comment-floor__badge--mine{background:#fde8e5;color:#c74a3a}
.mk-comment-floor__time{color:var(--mkuc-muted)}
.mk-comment-floor__num{margin-left:auto;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;color:var(--mkuc-muted)}
.mk-comment-floor__replyto{margin-bottom:8px;padding:8px 12px;background:#f5f7f9;border-left:3px solid var(--mkuc-line-strong);border-radius:0 4px 4px 0;font-size:12px;color:var(--mkuc-muted);line-height:1.6}
.mk-comment-floor__replyto i{margin-right:4px;color:var(--mkuc-accent)}
.mk-comment-floor__replyto strong{color:var(--mkuc-ink)}
.mk-comment-floor__content{font-size:13px;line-height:1.75;color:var(--mkuc-ink);word-break:break-word}
.mk-comment-floor__content p{margin:0}
.mk-comment-status{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:500;margin-left:4px}
.mk-comment-status--pending{background:#fff7e6;color:#c78a2e}
@media(max-width:768px){
	.mk-comment-floor{gap:10px;padding:12px 14px}
	.mk-comment-floor__avatar img{width:32px;height:32px}
	.mk-comment-floor__num{margin-left:0}
}