/* ========== 全局基础 ========== */
.header,.main-header,.header-upper,.header-top,.site-header,.page-header,.header-main,.header-lower,.navbar,.nav-outer,.menu-outer{background:#fff!important;position:relative;z-index:20}
.nav,.navigation,.main-menu .navigation,.navbar-nav{background:transparent!important}
.nav>li,.navigation>li,.main-menu .navigation>li{background:transparent!important;list-style:none}
.nav>li>a,.navigation>li>a,.main-menu .navigation>li>a,.main-menu .navigation>li>span,.main-menu .navigation>li>button{color:#333!important;text-decoration:none}
.nav>li:hover>a,.navigation>li:hover>a,.main-menu .navigation>li:hover>a,.main-menu .navigation>li.current>a,.main-menu .navigation>li.active>a{color:#0f95ff!important}
.logo,.logo-box{display:inline-block!important}
.logo img{max-height:calc(3.57143 * var(--rem))!important}
.footer,.main-footer,.site-footer,.page-footer,.footer-main,.footer-bottom,.footer-lower{background:#1a1a1a!important;color:#fff!important;position:relative;z-index:20}
.footer p,.footer span,.footer li,.main-footer p,.main-footer span,.main-footer li,.site-footer p,.site-footer span,.site-footer li{color:#ccc!important}
.footer a,.main-footer a,.site-footer a,.page-footer a{color:#ccc!important;text-decoration:none}
.footer a:hover,.main-footer a:hover,.site-footer a:hover,.page-footer a:hover{color:#0f95ff!important}
.footer-bottom,.copyright{background:#11!important;color:#999!important}
.designerDetail{--rem:calc(14 * 100vw / 1920);font-size:var(--rem);max-width:1920px;margin:0 auto;background:transparent}
.designerDetail .container{width:75%;margin:0 auto;box-sizing:border-box}
@media screen and (max-width:1600px){.designerDetail .container{width:85%}}
.c10{color:#100f11}
.c2a{color:#2a2a2a}
.cac{color:#acacac}
.c75{color:#757575}
.icon-eye{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:currentColor}

/* ========== 顶部banner ========== */
.designerDetail .designer-top{width:100%;height:calc(20.28571 * var(--rem));position:relative}
.designerDetail .designer-top .designer-box{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/pub/picture/sjsxqybjt.jpg) no-repeat center center;background-size:cover}
.designerDetail .designer-top .container{position:relative;z-index:1;height:100%}
.designerDetail .designer-top .container .el-breadcrumb{padding-top:calc(1.57143 * var(--rem));font-size:calc(1 * var(--rem))}
.designerDetail .designer-top .container .el-breadcrumb .el-breadcrumb__inner,.designerDetail .designer-top .container .el-breadcrumb .el-breadcrumb__separator,.designerDetail .designer-top .container .el-breadcrumb .el-breadcrumb__inner.is-link{color:#fff}
.designerDetail .designer-hero{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%}
.designerDetail .designer-hero-avatar{margin:0 auto calc(.71429 * var(--rem))}
.designerDetail .designer-hero-avatar .avatar-wrap{width:calc(7.14286 * var(--rem));height:calc(7.14286 * var(--rem));border-radius:50%;border:solid calc(.14286 * var(--rem)) #e8bb74;background-repeat:no-repeat;background-size:cover;background-position:center;margin:0 auto;position:relative}
.designerDetail .designer-hero-name{font-size:calc(1.71429 * var(--rem));font-weight:700;color:#fff;margin-bottom:calc(.71429 * var(--rem));text-shadow:0 calc(.07143 * var(--rem)) calc(.28571 * var(--rem)) rgba(0,0,0,.3)}
.designerDetail .designer-hero-stats{display:inline-flex;gap:calc(1.42857 * var(--rem));background:rgba(0,0,0,.35);border-radius:calc(2.14286 * var(--rem));padding:calc(.35714 * var(--rem)) calc(1.42857 * var(--rem))}
.designerDetail .designer-hero-stats .stat-item{display:flex;align-items:center;color:#fff;font-size:calc(.92857 * var(--rem))}
.designerDetail .designer-hero-stats .stat-item .num{font-size:calc(1.28571 * var(--rem));font-weight:700;margin-right:calc(.28571 * var(--rem))}

/* ========== 主体内容 ========== */
.designerDetail .designer-content{width:100%;padding-top:calc(2.85714 * var(--rem))}
.designerDetail .designer-content .container{position:relative;z-index:2;top:calc(-8.85714 * var(--rem))}
.designerDetail .designer-content .container .designer-info{display:flex;justify-content:space-between}

/* ========== 左侧：设计师信息 ========== */
.designerDetail .designer-content .container .designer-info .designer-info-left{margin-right:calc(1.42857 * var(--rem));width:calc(20.85714 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top{width:100%;min-height:calc(30.28571 * var(--rem));background:#fff;box-shadow:0 calc(.28571 * var(--rem)) calc(.71429 * var(--rem)) #000000d;border-radius:calc(.71429 * var(--rem));overflow:hidden;border:1px solid #e8e8e8}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box{padding-top:calc(1.42857 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .tx{width:calc(5.42857 * var(--rem));height:calc(5.42857 * var(--rem));border:solid calc(.07143 * var(--rem)) #e8bb74;border-radius:calc(5.42857 * var(--rem));margin:0 auto;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .item{display:flex;align-items:center;justify-content:center}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .item .name{font-size:calc(1.42857 * var(--rem));font-weight:700}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .item .type img{width:75%;height:auto;margin-left:calc(.28571 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des .experience-box{display:flex;align-items:center;justify-content:center;margin-top:calc(1rem)}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des .experience-box .experience{display:flex;color:#87684a;height:calc(1.42857 * var(--rem));width:auto;min-width:calc(7.14286 * var(--rem));padding:0 calc(.57143 * var(--rem));border-radius:calc(.14286 * var(--rem));box-sizing:border-box;align-items:center;justify-content:center;background-image:linear-gradient(to right,#fee9c1,#ffd9a5);white-space:nowrap}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des .experience-box .experience .b{font-weight:700;margin-left:calc(.14286 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .sjyx{display:block;margin-top:calc(1.07143 * var(--rem));padding:0 calc(1.42857 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .sjyx p{font-size:calc(.85714 * var(--rem));color:#6d6d6d;line-height:calc(1.57143 * var(--rem));margin:0;text-align:left}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .style-box{margin-top:calc(1.07143 * var(--rem));display:block;margin-left:calc(1.42857 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .style-box p{font-size:calc(.85714 * var(--rem));margin:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .style-box span{padding:calc(.21429 * var(--rem)) calc(.57143 * var(--rem));background:#f3f4f6;margin-right:calc(.57143 * var(--rem));line-height:calc(1.71429 * var(--rem));display:inline-block}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des-tags{margin-top:calc(1.07143 * var(--rem));display:flex;flex-wrap:wrap;gap:calc(.57143 * var(--rem));padding:0 calc(1.42857 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des-tags .des-tag{display:inline-block;padding:calc(.21429 * var(--rem)) calc(.57143 * var(--rem));border:solid calc(.07143 * var(--rem)) #e8bb74;border-radius:calc(.28571 * var(--rem));font-size:calc(.78571 * var(--rem));color:#87684a;background:#fffaf3;line-height:calc(1.42857 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .btn{width:calc(13.85714 * var(--rem));height:calc(2.57143 * var(--rem));font-size:calc(1 * var(--rem));color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin:calc(1.42857 * var(--rem)) auto 0;cursor:pointer;background-image:linear-gradient(to right,#0071e3,#3256fd);border-radius:calc(.35714 * var(--rem));text-decoration:none}

/* ========== 左侧：推荐设计师 ========== */
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list{width:100%;min-height:calc(30.57143 * var(--rem));background:linear-gradient(to bottom,#f5f9ff 0%,#ffffff 100%);margin-top:calc(.71429 * var(--rem));box-shadow:0 calc(.28571 * var(--rem)) calc(.71429 * var(--rem)) #000000d;padding:calc(.92857 * var(--rem)) calc(1.14286 * var(--rem)) 0 calc(1.42857 * var(--rem));box-sizing:border-box;border-radius:calc(.71429 * var(--rem));overflow:visible;border:1px solid #e8e8e8}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-title{font-size:calc(1 * var(--rem));font-weight:700;margin-bottom:calc(1.07143 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item{padding-bottom:calc(.92857 * var(--rem));border-bottom:solid calc(.07143 * var(--rem)) #f5f5f5;margin-bottom:calc(1.35714 * var(--rem));text-decoration:none}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item a{display:flex;align-items:center;text-decoration:none;width:100%;box-sizing:border-box}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item:last-child{border-bottom:none}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item .img{width:calc(3.85714 * var(--rem));height:calc(3.85714 * var(--rem));margin-right:calc(.71429 * var(--rem));background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:50%;overflow:hidden;display:block;flex-shrink:0;position:relative}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item .des{flex:1;min-width:0;width:100%}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item .des .name{font-size:calc(1.14286 * var(--rem));display:flex;align-items:center;gap:calc(.28571 * var(--rem));margin-bottom:calc(.5 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item .des .name img{width:auto;height:1em;flex-shrink:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item .des .cynx{display:flex;color:#87684a;height:calc(1.07143 * var(--rem));width:fit-content;padding:0 calc(.42857 * var(--rem));border-radius:calc(.14286 * var(--rem));box-sizing:border-box;align-items:center;font-size:calc(.71429 * var(--rem));background:#fff1df;line-height:calc(1.07143 * var(--rem));margin-bottom:calc(.5 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item .des .cynx .b{font-weight:700;margin-left:calc(.14286 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item .des .txt{display:flex;margin-top:calc(.21429 * var(--rem));font-size:calc(.85714 * var(--rem));width:100%}
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list .recommend-list-item .des .txt span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:#cacaca}

/* ========== 右侧：案例区 ========== */
.designerDetail .designer-info-right{padding-top:calc(10 * var(--rem));flex:1}
.designerDetail .designer-info-right .designer-info-right-bottom{padding-top:0}
.designerDetail .designer-info-right .yzf-case-tabs{display:flex;align-items:center;gap:calc(1.42857 * var(--rem));margin-bottom:calc(1.42857 * var(--rem));border-bottom:1px solid #eee}
.designerDetail .designer-info-right .yzf-case-tabs .yzf-case-tab{display:flex;align-items:center;gap:calc(.35714 * var(--rem));font-size:calc(1.14286 * var(--rem));font-weight:700;color:#666;cursor:pointer;height:calc(2.57143 * var(--rem));padding:0 calc(1.07143 * var(--rem));transition:.2s;user-select:none;position:relative}
.designerDetail .designer-info-right .yzf-case-tabs .yzf-case-tab.cur{color:#e64545}
.designerDetail .designer-info-right .yzf-case-tabs .yzf-case-tab.cur::after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#e64545}
.designerDetail .designer-info-right .yzf-case-tabs .yzf-case-tab .yzf-tab-num{font-weight:700}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box{display:flex;flex-wrap:wrap;gap:calc(1.42857 * var(--rem))}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item{width:calc((100% - calc(2.85714 * var(--rem))) / 3);box-sizing:border-box;border-radius:calc(.71429 * var(--rem));position:relative;margin-bottom:calc(1.42857 * var(--rem));overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}

/* 案例图片层 */
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img{width:100%;aspect-ratio:16/10;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;overflow:hidden}
/* 左下角标签 */
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .mark{position:absolute;left:calc(.71429 * var(--rem));bottom:calc(.71429 * var(--rem));z-index:2;background:transparent}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .mark span{font-size:calc(1.14286 * var(--rem));font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
/* 右下角浏览量（电脑端） */
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .views{
position:absolute;bottom:calc(.71429 * var(--rem));right:calc(.71429 * var(--rem));z-index:2;
display:flex;align-items:center;gap:.3em;color:#fff;font-size:calc(.92857 * var(--rem));
text-shadow:0 1px 3px rgba(0,0,0,.5);
}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .views .icon-eye{width:1em;height:1em;fill:currentColor}
/* 右上角点赞（电脑端） */
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .case-like{
position:absolute;top:calc(.71429 * var(--rem));right:calc(.71429 * var(--rem));left:auto;z-index:2;
display:flex;align-items:center;gap:.3em;color:#fff;font-size:calc(.92857 * var(--rem));
text-shadow:0 1px 3px rgba(0,0,0,.5);cursor:pointer;
}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .case-like svg{width:1.15em;height:1.15em;fill:rgba(255,255,255,.92);transition:transform .2s}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .case-like.liked svg{fill:#ff5a5a}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .case-like.liked .like-count{color:#ffb3b3}

/* 案例卡片底部 */
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .item-body{padding:calc(1.07143 * var(--rem));box-sizing:border-box}
.designerDetail .cell-item .item-body .title{
font-size:calc(1.28571 * var(--rem));
width:100%;
margin:0 0 calc(.71429 * var(--rem));
color:#100f11;
font-weight:700;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* 底部一行：左信息 右设计师（电脑端） */
.designerDetail .cell-item .case-bottom-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.designerDetail .cell-item .case-meta{
flex:1;
min-width:0;
font-size:calc(.92857 * var(--rem));
color:#999;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.designerDetail .cell-item .case-meta span:not(:last-child)::after{content:'|';margin:0 .5em;color:#ddd}

/* 手机端：设计师信息 头像右侧 */
@media (max-width:750px){
    .designerDetail .cell-item .case-designer{
        display:flex;
        align-items:center;
        gap:8px;
        width:auto;
    }

    .designerDetail .cell-item .case-designer .avatar{
        width:28px;
        height:28px;
        border-radius:50%;
        flex-shrink:0;
        border:1px solid #eee;
        background-size:cover;
        background-position:center;
    }

    .designerDetail .cell-item .case-designer .designer-meta-right{
        display:flex;
        flex-direction:column;
        gap:2px;
        min-width:0;
    }

    .designerDetail .cell-item .case-designer .designer-name-row{
        display:flex;
        align-items:center;
        gap:6px;
        flex-wrap:nowrap;
    }

    .designerDetail .cell-item .case-designer .designer-name{
        font-size:13px;
        color:#333;
        font-weight:600;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .designerDetail .cell-item .case-designer .dot{
        color:#bbb;
        font-size:12px;
        flex-shrink:0;
    }

    .designerDetail .cell-item .case-designer .designer-year{
        font-size:12px;
        color:#999;
        white-space:nowrap;
    }

    .designerDetail .cell-item .case-designer .designer-year em{
        font-style:italic;
        color:#999;
        margin-right:2px;
    }

    .designerDetail .cell-item .case-designer .designer-year strong{
        font-style:normal;
        font-weight:700;
        color:#333;
        margin:0 2px;
    }

    .designerDetail .cell-item .case-designer .designer-level-row img{
        width:auto;
        height:14px;
        display:block;
    }
}


/* 设计师头像+名字 强制显示 */
.designerDetail .cell-item .case-designer{
display:flex;
align-items:center;
gap:6px;
flex-shrink:0;
}
.designerDetail .cell-item .case-designer .avatar{
width:40px;
height:40px;
border-radius:50%;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
display:block;
border:1px solid #eee;
}
.designerDetail .cell-item .case-designer span{
font-size:calc(.92857 * var(--rem));
color:#666;
white-space:nowrap;
}

/* 手机端底部浏览量（默认隐藏） */
.designerDetail .cell-item .case-views-m{display:none;align-items:center;gap:4px;color:#999;font-size:calc(.92857 * var(--rem));}

.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:calc(2.14286 * var(--rem));margin-bottom:calc(2.14286 * var(--rem))}
.designerDetail .pagination-container .yzf-page-btn,.designerDetail .pagination-container .yzf-page-num{display:inline-flex;align-items:center;justify-content:center;min-width:calc(2.57143 * var(--rem));height:calc(2.57143 * var(--rem));padding:0 calc(.71429 * var(--rem));margin:0 calc(.21429 * var(--rem));border-radius:calc(.35714 * var(--rem));background:#f3f4f6;color:#2a2a2a;font-size:calc(1 * var(--rem));text-decoration:none;cursor:pointer;transition:.2s;user-select:none}
.designerDetail .pagination-container .yzf-page-num.cur{color:#fff;background-image:linear-gradient(to bottom,#0f95ff,#3256fd)}
.designerDetail .pagination-container .yzf-page-btn.disabled{color:#bbb;background:#f3f4f6;cursor:not-allowed}
.designerDetail .pagination-container .yzf-page-ellipsis{margin:0 calc(.21429 * var(--rem));color:#999;font-size:calc(1 * var(--rem))}

/* ========== 手机端适配 ========== */
@media (max-width:750px){
.designerDetail{--rem:calc(14 * 100vw / 750)}
.designerDetail .container{width:100%!important;padding:0 12px;box-sizing:border-box}

/* 顶部banner */
.designerDetail .designer-top{height:60vw}
.designerDetail .designer-hero{display:block}
.designerDetail .designer-top .container .el-breadcrumb{display:none}

/* 手机端 banner 内头像/名字居中显示 */
.designerDetail .designer-hero-avatar{margin:0 auto 2.5vw}
.designerDetail .designer-hero-avatar .avatar-wrap{width:18vw;height:18vw;border-width:2px}
.designerDetail .designer-hero-name{font-size:4.8vw;margin-bottom:2vw}
.designerDetail .designer-hero-stats{gap:5vw;padding:1.4vw 4vw;border-radius:6vw}
.designerDetail .designer-hero-stats .stat-item{font-size:3vw}
.designerDetail .designer-hero-stats .stat-item .num{font-size:4vw}

/* 主体上移 */
.designerDetail .designer-content{padding-top:0}
.designerDetail .designer-content .container{top:-20px}

/* 设计师信息卡片 */
.designerDetail .designer-content .container .designer-info{flex-direction:column}
.designerDetail .designer-content .container .designer-info .designer-info-left{width:100%;margin-right:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top{
border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:none;padding:16px;box-sizing:border-box;background:#fff;position:relative;z-index:10}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box{display:grid;grid-template-columns:64px 1fr;column-gap:12px;row-gap:8px;align-items:start;padding-top:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .tx{grid-column:1;grid-row:1;align-self:start;width:64px;height:64px;border-radius:50%;border:2px solid #e8bb74;margin:0;flex-shrink:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des{grid-column:2;grid-row:1;min-width:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des-bottom{grid-column:1 / -1;grid-row:3;min-width:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des-top{display:flex;flex-direction:column;gap:6px}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .item{justify-content:flex-start;margin-top:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .item.name-box{
flex-wrap:wrap;gap:6px;margin-bottom:8px}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .item .name{font-size:20px;line-height:1.2}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .item .type img{width:auto;height:16px;margin-left:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des .experience-box{
margin-top:0;justify-content:flex-start;margin-bottom:10px}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des .experience-box .experience{
height:24px;min-width:auto;padding:0 8px;font-size:13px}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .sjyx{padding:0;margin-top:8px}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .sjyx p{font-size:14px;line-height:1.6}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .style-box{margin-top:10px;margin-left:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .style-box p{font-size:14px;line-height:1.6}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .style-box span{
padding:4px 10px;margin-right:6px;line-height:1.6;font-size:13px}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des-tags{grid-column:1 / -1;grid-row:2;margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;padding:0}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .des-tags .des-tag{padding:3px 9px;border:solid 1px #e8bb74;border-radius:4px;font-size:12px;color:#87684a;background:#fffaf3;line-height:1.5}
.designerDetail .designer-content .container .designer-info .designer-info-left .designer-info-left-top .designer-box .btn{
width:100%;height:44px;font-size:15px;border-radius:22px;margin:12px 0 0;background:linear-gradient(to right,#ff7a29,#ff5722)}

/* 推荐设计师 手机端隐藏 */
.designerDetail .designer-content .container .designer-info .designer-info-left .recommend-list{display:none!important}

/* 右侧案例区 手机端 */
.designerDetail .designer-info-right{padding-top:20px}
.designerDetail .designer-info-right .yzf-case-tabs{gap:30px;margin-bottom:16px;border-bottom:1px solid #eee}
.designerDetail .designer-info-right .yzf-case-tabs .yzf-case-tab{font-size:16px;height:40px;padding:0}
.designerDetail .designer-info-right .yzf-case-tabs .yzf-case-tab.cur{color:#e64545}
.designerDetail .designer-info-right .yzf-case-tabs .yzf-case-tab.cur::after{height:2px}

/* 案例卡片 两列 */
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box{gap:10px}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item{
width:calc((100% - 10px) / 2);margin-bottom:10px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img{aspect-ratio:4/3}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .mark{left:8px;bottom:8px}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .mark span{font-size:14px}

/* 手机端：图片上隐藏浏览量（浏览量在卡片底部第二行显示） */
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .views{display:none}
/* 手机端：点赞显示在图片右上角 */
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .img .case-like{top:8px;left:auto;right:8px;font-size:12px}
.designerDetail .designer-content .container .designer-info .designer-info-right .designer-info-right-bottom .designlist .cell-item-box .cell-item .item-body{padding:10px}
/* 手机端案例标题 14px */
.designerDetail .cell-item .item-body .title{font-size:14px}

/* 手机端底部结构：上信息行，下一行左设计师右浏览量 */
.designerDetail .cell-item .case-bottom-row{
flex-direction:column;
align-items:stretch;
gap:6px;
}
.designerDetail .cell-item .case-meta{font-size:12px;color:#999}
.designerDetail .cell-item .case-second-row{
display:flex;
justify-content:space-between;
align-items:center;
width:100%;
}
.designerDetail .cell-item .case-designer{gap:4px}
.designerDetail .cell-item .case-designer .avatar{width:16px;height:16px}
.designerDetail .cell-item .case-designer span{font-size:12px;color:#999}
.designerDetail .cell-item .case-views-m{display:flex}

.pagination-container{display:none!important}
}

/* ===== 设计师标签 des-tag 字号放大一号（仅电脑端） ===== */
@media (min-width: 768px){
  .designerDetail .des-tags .des-tag{
    font-size: 15px;          /* 原值 +2px；原若是 12px 就写 14px */
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}