/* Compact scrolled navigation and a lighter payment information panel. */
body.ys.xg-nav-compact .xg-nav-refresh .yinse-nav{
 padding:7px 16px!important;gap:14px!important;border-radius:18px!important;
 background:linear-gradient(110deg,#e8f5fd,#edf2fc)!important;
 box-shadow:0 4px 15px rgba(35,71,104,.13)!important;
}
body.ys.xg-nav-compact .xg-nav-refresh .yinse-brand-mark{
 width:34px!important;height:34px!important;flex-basis:34px!important;
}
body.ys.xg-nav-compact .xg-nav-refresh .yinse-nav-links{padding:3px!important;gap:4px!important;}
body.ys.xg-nav-compact .xg-nav-refresh .yinse-nav-link,
body.ys.xg-nav-compact .xg-nav-refresh .yinse-language-trigger,
body.ys.xg-nav-compact .xg-nav-refresh .yinse-user-chip,
body.ys.xg-nav-compact .xg-nav-refresh .yinse-auth-actions .yinse-button{
 min-height:36px!important;padding:7px 12px!important;font-size:13px!important;
}
body.ys.xg-nav-compact .xg-nav-refresh .yinse-user-avatar{width:30px!important;height:30px!important;}
body.ys .yinse-item-content-root .yinse-payment-notice,
body.ys .yinse-payment-notice{
 background:linear-gradient(135deg,rgba(233,246,255,.97),rgba(231,237,251,.96))!important;
 border:1px solid rgba(132,173,205,.40)!important;border-left:3px solid #80a9c9!important;
 border-radius:12px!important;box-shadow:none!important;
 padding:14px 16px!important;text-align:left!important;color:#425d73!important;
 font-size:13px!important;line-height:1.8!important;font-weight:400!important;
}
body.ys .yinse-payment-notice::before{display:none!important;}
body.ys .yinse-payment-notice p,
body.ys .yinse-payment-notice p *{
 color:#425d73!important;font-size:13px!important;line-height:1.8!important;
 font-weight:400!important;text-shadow:none!important;text-align:left!important;
}
body.ys .yinse-payment-notice p+p{margin-top:9px!important;}
body.ys .yinse-payment-notice p:first-child,
body.ys .yinse-payment-notice p:first-child *{color:#285c80!important;font-weight:600!important;}
body.ys .yinse-payment-notice a,
body.ys .yinse-payment-notice a *{
 color:#216a99!important;font-weight:600!important;text-shadow:none!important;
 text-decoration:underline!important;text-underline-offset:3px;
}
@media(max-width:767px){
 body.ys.xg-nav-compact .xg-nav-refresh .yinse-nav{padding:7px 12px!important;gap:0!important;}
 body.ys.xg-nav-compact .xg-nav-refresh .yinse-nav-link,
 body.ys.xg-nav-compact .xg-nav-refresh .yinse-language-trigger,
 body.ys.xg-nav-compact .xg-nav-refresh .yinse-user-chip,
 body.ys.xg-nav-compact .xg-nav-refresh .yinse-auth-actions .yinse-button{min-height:44px!important;}
 body.ys .yinse-item-content-root .yinse-payment-notice{padding:12px 13px!important;}
}

/* Make payment guidance prominent without changing its content or checkout. */
body.ys .yinse-item-content-root .yinse-payment-notice,
body.ys .yinse-payment-notice{
 background:linear-gradient(135deg,#fff5da,#fff0dc)!important;
 border:1px solid #dfb36c!important;border-left:4px solid #c28a30!important;
 box-shadow:0 3px 12px rgba(119,83,28,.10)!important;
 color:#5c4528!important;
}
body.ys .yinse-payment-notice::before{
 content:'付款与售后提醒'!important;display:block!important;position:static!important;
 margin:0 0 9px!important;padding:0 0 8px!important;
 background:none!important;border-bottom:1px solid rgba(165,116,44,.23)!important;
 color:#785019!important;font-size:15px!important;line-height:1.5!important;font-weight:700!important;
}
body.ys .yinse-payment-notice p,
body.ys .yinse-payment-notice p *{
 color:#5c4528!important;font-size:14px!important;line-height:1.8!important;font-weight:500!important;
}
body.ys .yinse-payment-notice p:first-child,
body.ys .yinse-payment-notice p:first-child *,
body.ys .yinse-payment-notice p:nth-child(3),
body.ys .yinse-payment-notice p:nth-child(3) *{
 color:#814712!important;font-weight:700!important;
}
body.ys .yinse-payment-notice a,
body.ys .yinse-payment-notice a *{
 color:#875218!important;font-weight:700!important;
}
@media(max-width:767px){
 body.ys .yinse-payment-notice p,body.ys .yinse-payment-notice p *{font-size:13px!important;}
}

/* Compact payment tips in the storefront's blue-white palette. */
body.ys .yinse-item-content-root .yinse-payment-notice,
body.ys .yinse-payment-notice{
 background:linear-gradient(125deg,rgba(236,247,255,.96),rgba(231,239,253,.94))!important;
 border:1px solid rgba(122,164,201,.40)!important;border-left:3px solid #78a5cc!important;
 border-radius:11px!important;box-shadow:none!important;padding:11px 13px!important;
 color:#38536c!important;text-align:left!important;
}
body.ys .yinse-payment-notice::before{display:none!important;content:none!important;}
body.ys .yinse-payment-notice .xg-payment-tips-title{
 display:flex;align-items:center;gap:7px;margin:0 0 7px!important;
 color:#285675!important;font-size:13px!important;font-weight:700!important;line-height:1.5!important;
}
body.ys .yinse-payment-notice .xg-payment-tips-badge{
 display:inline-block;padding:2px 7px;border-radius:6px;background:#d2e7f8!important;
 color:#2c628c!important;font-size:10px!important;font-weight:700!important;letter-spacing:.04em;
}
body.ys .yinse-payment-notice ul{margin:0!important;padding:0 0 0 17px!important;list-style:disc!important;}
body.ys .yinse-payment-notice li,
body.ys .yinse-payment-notice li *{
 color:#38536c!important;font-size:12px!important;line-height:1.7!important;font-weight:400!important;text-shadow:none!important;
}
body.ys .yinse-payment-notice li{margin:3px 0!important;padding:0!important;list-style:disc!important;}
body.ys .yinse-payment-notice li strong{color:#285675!important;font-weight:600!important;}
body.ys .yinse-payment-notice .xg-payment-contact-row{margin-top:8px;padding-top:8px;border-top:1px solid rgba(122,164,201,.22);}
body.ys .yinse-payment-notice a.xg-payment-contact{
 display:inline-flex!important;align-items:center;min-height:30px!important;
 padding:4px 10px!important;margin:0!important;border:1px solid #a6c6e1!important;
 border-radius:7px!important;background:#dceefb!important;color:#235e88!important;
 font-size:12px!important;line-height:1.6!important;font-weight:600!important;
 text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;
}
@media(max-width:767px){body.ys .yinse-payment-notice a.xg-payment-contact{min-height:40px!important;}}
