/* YUNDING PORTAL V1.3 FRONTEND */
:root{--yd-red:#c91f2b;--yd-dark:#222;--yd-line:#ececec;--yd-bg:#f5f6f8}
body{background:var(--yd-bg)}
.v20-page{max-width:1240px;margin:0 auto;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.04)}
.v20-brand{padding-top:18px;padding-bottom:14px}
.v20-logo{font-weight:900;letter-spacing:2px}
.v20-nav{display:flex;align-items:center;background:var(--yd-red);min-height:48px;padding:0 10px;gap:0}
.v20-nav>a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;color:#fff;text-decoration:none;font-weight:700;border-right:1px solid rgba(255,255,255,.14)}
.v20-nav>a:hover{background:rgba(0,0,0,.08)}
.v20-lottery-bar{display:grid!important;grid-template-columns:repeat(8,1fr);border:1px solid var(--yd-line);background:#fff;margin:14px 0}
.v20-lottery-bar>a{padding:13px 8px;text-align:center;text-decoration:none;border-right:1px solid var(--yd-line)}
.v20-lottery-bar>a:last-child{border-right:0}
.v20-lottery-bar strong{display:block;color:#222;font-size:16px}
.v20-lottery-bar span{display:block;color:#999;font-size:12px;margin-top:4px}
.v210-tools-bar{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 16px}
.v210-tools-bar>a{display:block;background:#fff;border:1px solid var(--yd-line);border-radius:8px;padding:13px 16px;text-decoration:none}
.v210-tools-bar strong{display:block;color:var(--yd-red);font-size:16px}
.v210-tools-bar span{display:block;color:#888;font-size:12px;margin-top:4px}
.v20-hero-grid{gap:14px}
.v20-panel,.home-lottery-side,.v20-headlines,.v20-side-links{border-color:var(--yd-line)!important;box-shadow:none!important}
.v20-panel h2,.home-lottery-title{border-left:4px solid var(--yd-red);padding-left:10px}
#portalOwnQr{left:auto!important;right:14px!important;bottom:86px!important}
@media(max-width:650px){
 body{background:#fff}
 .v20-page{width:100%;box-shadow:none}
 .v20-brand{padding:10px 14px}
 .v20-logo{font-size:22px}
 .v20-nav{overflow-x:auto;white-space:nowrap;justify-content:flex-start;padding:0;min-height:44px}
 .v20-nav>a{flex:0 0 auto;min-height:44px;padding:0 15px;font-size:14px}
 .v20-lottery-bar{grid-template-columns:repeat(4,1fr);margin:8px 10px}
 .v20-lottery-bar>a{border-bottom:1px solid var(--yd-line);padding:11px 4px}
 .v20-lottery-bar strong{font-size:14px}
 .v210-tools-bar{grid-template-columns:repeat(2,1fr);margin:8px 10px 12px;gap:8px}
 .v210-tools-bar>a{padding:10px}
 .v20-hero-grid{display:block}
 #portalOwnQr{display:none}
}


/* V1.3.1 UNIFIED BRAND + LAYOUT */
.v20-brand .v20-logo{color:#d91f32!important}
.v20-hero-grid{grid-template-columns:160px minmax(0,1fr) 285px!important}
.v2052-focus-slider,.v2052-focus-slide{max-height:445px!important}
.v2052-focus-slide img{height:445px!important;object-fit:cover!important}
.v20-side-links{display:none!important}
.v20-hero-grid{grid-template-columns:160px minmax(0,1fr)!important}
.home-lottery-side{min-width:0}
@media(min-width:651px){
 .v20-hero-grid{grid-template-columns:160px minmax(0,1fr)!important}
 .v20-hero-grid>*:last-child.v20-side-links{display:none!important}
}
@media(max-width:650px){
 .v2052-focus-slider,.v2052-focus-slide{max-height:none!important}
 .v2052-focus-slide img{height:auto!important;aspect-ratio:16/10;object-fit:cover!important}
 #customerServiceFloat{right:12px!important;bottom:132px!important;transform:scale(.88);transform-origin:right bottom}
 .v20-client-download{bottom:calc(10px + env(safe-area-inset-bottom))!important}
 body{padding-bottom:88px!important}
 #ydMobileApp{padding-bottom:88px!important}
}


/* ===== YUNDING V1.3.2 FORCE OVERRIDE ===== */
/* PC：删除右侧重复“快捷服务”，保留左彩种 + 中央焦点 */
@media (min-width:651px){
  #services{display:none!important}
  .v20-hero-grid{
    display:grid!important;
    grid-template-columns:160px minmax(0,1fr)!important;
    gap:14px!important
  }
  .v20-hero-grid>.v20-panel:nth-of-type(3){display:none!important}
  .v2052-focus-slider,
  .v2052-focus-slide{
    height:390px!important;
    max-height:390px!important
  }
  .v2052-focus-slide img{
    width:100%!important;
    height:390px!important;
    object-fit:cover!important
  }
}

/* 手机：客服与下载条错位避让 */
@media (max-width:650px){
  #customerServiceFloat{
    right:12px!important;
    bottom:148px!important;
    z-index:9988!important
  }
  .v20-client-download{
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    z-index:9989!important
  }
  body,#ydMobileApp{
    padding-bottom:104px!important
  }
}


/* ===== V1.3.3 ALL WINDOW NAVIGATION + BACK BUTTON ===== */
a{cursor:pointer}
.yd-back-float{
  position:fixed;
  left:18px;
  bottom:20px;
  z-index:9997;
  border:0;
  border-radius:999px;
  padding:10px 16px;
  background:#222;
  color:#fff;
  font-size:14px;
  box-shadow:0 4px 16px rgba(0,0,0,.18);
}
.yd-back-float:hover{opacity:.88}

/* 手机端：直击大奖/彩图/文章图片自适应，不再撑满过高 */
@media(max-width:650px){
  .media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .media-grid .media{
    margin:0!important;
  }
  .media-grid img{
    width:100%!important;
    height:150px!important;
    object-fit:cover!important;
    border-radius:6px!important;
  }
  .big-image{
    text-align:center!important;
  }
  .big-image img{
    width:auto!important;
    max-width:100%!important;
    max-height:320px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
  .article .images{
    grid-template-columns:1fr!important;
  }
  .article .images img{
    width:auto!important;
    max-width:100%!important;
    max-height:260px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
  .yd-back-float{
    left:12px;
    bottom:calc(98px + env(safe-area-inset-bottom));
    padding:9px 14px;
    font-size:13px;
  }
}

.yd-back-float{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}


/* ===== V1.3.4 MOBILE AWARDS IMAGE COMPLETE VIEW ===== */
@media(max-width:650px){
  /* 直击大奖 / 彩图列表：完整显示图片，不裁切 */
  .media-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .media-grid .media{
    width:100%!important;
    overflow:visible!important;
    background:#fff!important;
  }
  .media-grid .media img,
  .media-grid img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:6px!important;
    background:#f7f7f7!important;
  }

  /* 详情页主图：按原始比例完整显示 */
  .big-image,
  .article .images{
    width:100%!important;
    overflow:visible!important;
    text-align:center!important;
  }
  .big-image img,
  .article .images img,
  .article img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
  }

  /* 防止父级固定高度把图片截断 */
  .media-grid .media,
  .media-grid .media a,
  .big-image,
  .article .images{
    height:auto!important;
    min-height:0!important;
  }
}


/* ===== V1.3.4.1 EXACT FIX: 首页“直击大奖”真实类名 ===== */
@media (max-width:650px){

    /* 实际DOM类名是 v204-media-grid / v204-media-card */
    #caibao .v204-media-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:12px!important;
        width:100%!important;
        padding:10px!important;
        box-sizing:border-box!important;
    }

    #caibao .v204-media-grid > a{
        display:block!important;
        width:100%!important;
        height:auto!important;
        overflow:visible!important;
    }

    #caibao .v204-media-card{
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        overflow:visible!important;
        background:#fff!important;
    }

    #caibao .v204-media-card img{
        display:block!important;
        width:100%!important;
        max-width:100%!important;

        /* 关键：取消旧版 4:3 固定比例 */
        aspect-ratio:auto!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;

        /* 完整显示，不裁切 */
        object-fit:contain!important;
        object-position:center center!important;

        margin:0 auto!important;
        background:#f6f6f6!important;
    }

    #caibao .v204-media-card figcaption{
        width:100%!important;
        box-sizing:border-box!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        line-height:1.45!important;
    }
}


/* V1.3.4.2 - remove Quick Service everywhere */
#services,
.v20-side-links,
.v20-quick-services,
.quick-services{
    display:none!important;
}

/* If the quick-service panel was a grid column, let content fill the space */
@media(min-width:651px){
    .v20-hero-grid{
        grid-template-columns:160px minmax(0,1fr)!important;
    }
}


/* V1.3.4.3 - remove homepage focus image/carousel */
.v2052-focus-slider,
.v2052-focus-slide,
.v2052-focus-caption,
#focusSlider{
    display:none!important;
}

/* Remove the whole focus-image panel where supported */
.v20-focus-image,
.focus-image-panel{
    display:none!important;
}


/* ===== V1.3.5 WINNING TICKET CAROUSEL ===== */
/* restore the focus area as our own ticket carousel */
.yd-ticket-carousel{
    display:block!important;
    width:100%;
    background:#fff;
    border:1px solid #ececec;
    border-radius:8px;
    overflow:hidden;
}
.yd-ticket-head{
    height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px;
    border-bottom:1px solid #eee;
    box-sizing:border-box;
}
.yd-ticket-head strong{
    font-size:18px;
    color:#222;
    border-left:4px solid #d91f32;
    padding-left:10px;
}
.yd-ticket-head span{font-size:12px;color:#999}
.yd-ticket-stage{
    position:relative;
    width:100%;
    height:410px;
    background:#f5f5f5;
    overflow:hidden;
}
.yd-ticket-slide{
    position:absolute;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    background:#f5f5f5;
}
.yd-ticket-slide.is-active{display:flex}
.yd-ticket-slide img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
}
.yd-ticket-caption{
    position:absolute;
    left:0;right:0;bottom:0;
    padding:14px 16px;
    color:#fff;
    font-weight:700;
    font-size:17px;
    background:linear-gradient(transparent,rgba(0,0,0,.72));
    box-sizing:border-box;
}
.yd-ticket-dots{
    display:flex;
    justify-content:center;
    gap:6px;
    padding:8px 0 10px;
    background:#fff;
}
.yd-ticket-dots button{
    width:8px;height:8px;border:0;border-radius:50%;
    background:#ccc;padding:0;
}
.yd-ticket-dots button.is-active{background:#d91f32}
.yd-ticket-empty{
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#999;
    gap:8px;
}
.yd-ticket-empty strong{font-size:20px;color:#555}

@media(max-width:650px){
    .yd-ticket-carousel{
        border-left:0;
        border-right:0;
        border-radius:0;
    }
    .yd-ticket-head{height:42px;padding:0 12px}
    .yd-ticket-head strong{font-size:17px}
    .yd-ticket-stage{
        height:auto!important;
        min-height:0!important;
        aspect-ratio:4/3;
        background:#f5f5f5;
    }
    .yd-ticket-slide img{
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
        object-position:center!important;
    }
    .yd-ticket-caption{
        font-size:15px;
        padding:18px 12px 10px;
    }
}


/* ===== V1.3.6 FINAL TICKET CAROUSEL ===== */
.yd-ticket-panel{display:block!important}
.yd-ticket-carousel{display:block!important}
.yd-ticket-stage{position:relative;width:100%;height:390px;background:#f6f6f6;overflow:hidden}
.yd-ticket-slide{position:absolute;inset:0;display:none!important;align-items:center;justify-content:center;background:#f6f6f6}
.yd-ticket-slide.is-active{display:flex!important}
.yd-ticket-slide img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.yd-ticket-empty{min-height:180px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#999}
.yd-ticket-empty strong{font-size:20px;color:#555}
.yd-ticket-head{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 14px;border-bottom:1px solid #eee}
.yd-ticket-head strong{font-size:18px;border-left:4px solid #d91f32;padding-left:10px}
.yd-ticket-head span{font-size:12px;color:#999}
.yd-ticket-caption{position:absolute;left:0;right:0;bottom:0;padding:18px 14px 12px;color:#fff;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.yd-ticket-dots{display:flex;justify-content:center;gap:6px;padding:8px;background:#fff}
.yd-ticket-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#ccc}
.yd-ticket-dots button.is-active{background:#d91f32}

/* old focus carousel must never occupy space again */
.v2052-focus-slider,.v2052-focus-slide,.v2052-focus-caption,.v2052-focus-empty{display:none!important}

@media(max-width:650px){
  .yd-ticket-panel{margin:10px 0!important;border-left:0!important;border-right:0!important}
  .yd-ticket-stage{height:auto!important;aspect-ratio:4/3!important}
  .yd-ticket-slide img{width:100%!important;height:100%!important;object-fit:contain!important}
  .yd-ticket-empty{min-height:0!important;aspect-ratio:4/3!important}
}