@font-face{font-family:ScarletJournalHeading;src:url('../fonts/scarlet-blog-heading.woff2') format('woff2');font-display:swap}
@font-face{font-family:ScarletJournalText;src:url('../fonts/scarlet-blog-text.woff2') format('woff2');font-display:swap}
body.ybc_blog :is(.ybc-page-home,.ybc-page-category,.ybc-blog-wrapper-detail){--beauty-text:#4e351e;--beauty-pink-strong:#806132;--beauty-border:#e5dcd0;color:#4e351e;font-family:ScarletJournalText,Arial,sans-serif}
body.ybc_blog:is(:has(.ybc-page-home),:has(.ybc-page-category)) #wrapper>.container,body.ybc_blog:is(:has(.ybc-page-home),:has(.ybc-page-category)) #content-wrapper,body.ybc_blog:is(:has(.ybc-page-home),:has(.ybc-page-category)) #content{max-width:none;width:100%;padding-left:0;padding-right:0}
.beautys-blog-list:is(.ybc-page-home,.ybc-page-category){width:100%;max-width:none;padding:0 0 24px!important}
.sahara-journal-hero{position:relative;display:grid;place-items:center;min-height:400px;background:#806132;overflow:hidden}
.sahara-journal-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sahara-journal-hero::after{content:'';position:absolute;inset:0;background:rgba(38,26,15,.28)}
.sahara-journal-hero__copy{position:relative;z-index:1;max-width:900px;padding:48px 20px;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.18)}
.sahara-journal-hero__copy h1{margin:14px 0;color:#fff;font:400 38px/1.25 ScarletJournalHeading,Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px}
.sahara-journal-hero__copy p{margin:0;color:#fff;font:400 16px/1.6 ScarletJournalText,Arial,sans-serif}
.sahara-journal-trending{background:#f6f2eb;padding:42px 20px 58px}
.sahara-journal-trending h2{text-align:center;color:#806132;font:400 34px/1.3 ScarletJournalHeading,Arial,sans-serif;margin:0 0 40px}
.sahara-journal-trending__posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;max-width:1640px;margin:auto}
.sahara-journal-trending__post{display:grid;grid-template-columns:minmax(100px,160px) minmax(0,1fr);gap:24px;align-items:center;min-width:0}
.sahara-journal-trending__image{aspect-ratio:1;display:block;overflow:hidden}
.sahara-journal-trending__image img{width:100%;height:100%;object-fit:cover}
.sahara-journal-trending__post h3{margin:8px 0 12px;font:400 21px/1.35 ScarletJournalHeading,Arial,sans-serif}
.sahara-journal-trending__post h3 a,.sahara-journal-trending__more{color:#4e351e}
.sahara-journal-trending__more{font-size:14px;text-transform:uppercase}
/* 博客首页/分类页共用内容盒子:面包屑、分类导航、文章列表读同一组变量,左右边缘对齐(桌面 20px / 手机 16px 边距) */
body.ybc_blog:is(:has(.ybc-page-home),:has(.ybc-page-category)){--scarlet-blog-box-maxw:1640px;--scarlet-blog-box-gutter:20px;--scarlet-blog-box-w:min(var(--scarlet-blog-box-maxw),calc(100% - 2 * var(--scarlet-blog-box-gutter)))}
/* 修复 12px 横向溢出:#center-column>.row 的 -12px 负 margin 没有被补偿(#content-wrapper 的 padding 已清零),仅限博客首页/分类页 */
body.ybc_blog:is(:has(.ybc-page-home),:has(.ybc-page-category)) #center-column>.row{margin-left:0;margin-right:0}
/* 面包屑(由主题布局渲染在模块之外):宽度与文字左边缘对齐到内容盒子,覆盖 ybc-blog.css 的 1539px/30px 规则 */
body.ybc_blog:is(:has(.ybc-page-home),:has(.ybc-page-category)) .breadcrumb__wrapper>.container{width:var(--scarlet-blog-box-w);padding-left:0;padding-right:0}
:is(.ybc-page-home,.ybc-page-category) .beautys-blog-category-nav{width:var(--scarlet-blog-box-w);max-width:none;box-sizing:border-box;margin:0 auto 20px;padding:32px 0 0;gap:10px;border:0}
:is(.ybc-page-home,.ybc-page-category) .beautys-blog-category-nav__link{min-height:0;padding:8px 12px;background:#f6f2eb;color:#4e351e;font:400 14px/2.5 ScarletJournalText,Arial,sans-serif;letter-spacing:1px;text-align:center}
:is(.ybc-page-home,.ybc-page-category) .beautys-blog-category-nav__link:is(.is-active,:hover,:focus-visible){background:#e9dfd0;color:#4e351e}
:is(.ybc-page-home,.ybc-page-category) .beautys-blog-category-nav__link.is-active::after{content:none}
.beautys-blog-list:is(.ybc-page-home,.ybc-page-category)>.ybc-blog-list{display:grid!important;width:var(--scarlet-blog-box-w)!important;max-width:none;margin:0 auto!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px}
.beautys-blog-list:is(.ybc-page-home,.ybc-page-category)>.ybc-blog-list>li{width:auto!important}
.beautys-blog-list:is(.ybc-page-home,.ybc-page-category) .post-wrapper,.ybc-blog-wrapper-detail .ybc-blog-related-posts-list-li{background:#f7f5f1}
:is(.ybc-page-home,.ybc-page-category) .ybc-blog-wrapper-content-main{display:flex;flex-direction:column;align-items:center;text-align:center}
:is(.ybc-page-home,.ybc-page-category) .ybc-blog-categories{display:none}
:is(.ybc-page-home,.ybc-page-category) .ybc_title_block,.ybc-blog-wrapper-detail .beautys-related-card-content .ybc_title_block{font:400 22px/1.45 ScarletJournalHeading,Arial,sans-serif!important;text-transform:none;color:#4e351e!important;letter-spacing:.4px}
/* 标题 → 日期行间距减少 5px:标题盒下外边距 14px→9px(标题盒内 9px 下内边距不动),仅限首页/分类页卡片列表,侧边栏/详情页/Trending 不受影响 */
:is(.ybc-page-home,.ybc-page-category) .ybc-blog-list .ybc_title_block{margin-bottom:9px!important}
:is(.ybc-page-home,.ybc-page-category) .ybc-blog-card-meta{order:1;justify-content:center;margin:0!important;color:#767676}
:is(.ybc-page-home,.ybc-page-category) .beautys-blog-card-more{order:3;margin-top:20px!important;color:#806132!important}
.beautys-blog-list:is(.ybc-page-home,.ybc-page-category) .sahara-journal-pagination{display:block!important;text-align:center;margin:48px auto 0;padding:0 20px}
:is(.ybc-page-home,.ybc-page-category) .sahara-journal-pagination .links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
:is(.ybc-page-home,.ybc-page-category) .sahara-journal-pagination .links :is(a,b){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid #e5dcd0;background:#fff;color:#4e351e}
:is(.ybc-page-home,.ybc-page-category) .sahara-journal-pagination .links :is(b,a:hover){background:#e9dfd0}
:is(.ybc-page-home,.ybc-page-category) .sahara-journal-pagination :is(.results,.paggination,.frist,.last){display:none!important}
:is(.ybc-page-home,.ybc-page-category) .beautys-blog-shoplook-target{max-width:1680px;margin:56px auto 0;padding:0 20px;overflow-x:clip}
.beautys-blog-list.ybc-page-category .blog-category .page-heading.product-listing{font:400 34px/1.3 ScarletJournalHeading,Arial,sans-serif;color:#806132;text-transform:none}
.beautys-blog-list.ybc-page-category .blog-category::after,.ybc-blog-wrapper-detail .beautys-related-heading::after{display:none}
.ybc-page-category>.beautys-blog-section-heading--latest .beautys-blog-section-heading__divider{display:none}
.ybc-blog-wrapper-detail .page-heading.product-listing{font:400 40px/1.25 ScarletJournalHeading,Arial,sans-serif;text-align:center;color:#4e351e}
.ybc-blog-wrapper-detail .beautys-post-category{display:none}
.ybc-blog-wrapper-detail .blog-extra{text-align:center;justify-content:center}
.ybc-blog-wrapper-detail .blog-extra .ybc-blog-latest-toolbar{justify-content:center;margin-left:auto;margin-right:auto}
.ybc-blog-wrapper-detail .blog_description,.ybc-blog-wrapper-detail .blog_description :is(p,span,li,blockquote){font-family:ScarletJournalText,Arial,sans-serif;color:#4e351e}
.ybc-blog-wrapper-detail .blog_description :is(h2,h3,h4,h5,h6){font-family:ScarletJournalHeading,Arial,sans-serif;color:#4e351e}
.ybc-blog-wrapper-detail .blog_description :is(p,li){font-size:15px}
.ybc-blog-wrapper-detail .beautys-related-heading{text-align:center}
.ybc-blog-wrapper-detail .beautys-related-heading .beautys-blog-section-heading__title,.ybc-blog-wrapper-detail .beautys-related-card-meta{justify-content:center}
.ybc-blog-wrapper-detail .beautys-related-card-content{align-items:center;text-align:center}
/* 详情页「You may also like」卡片三个间隔按字形墨迹口径调均匀(各约 26px):分类→标题 14→11、标题→日期 14→10(标题盒 9px 下内边距不动)、日期→READ MORE 14→21;READ MORE 的 margin-top 由 auto 改 0,避免卡片被拉伸等高时 auto 吸收多余空间撑大该间距。仅限详情页相关文章卡片 */
.ybc-blog-wrapper-detail .beautys-related-card-content .ybc-blog-categories{margin-bottom:11px!important}
.ybc-blog-wrapper-detail .beautys-related-card-content .ybc_title_block{margin-bottom:10px!important}
.ybc-blog-wrapper-detail .beautys-related-card-content .beautys-related-card-meta{margin-bottom:21px!important}
.ybc-blog-wrapper-detail .beautys-related-card-content .beautys-related-card-more{margin-top:0!important}
.ybc-blog-wrapper-detail .ybc-blog-related-posts-list-li .ybc_item_img{aspect-ratio:1/1}
.ybc-blog-wrapper-detail :is(.form-polls,.ybc-blog-form-comment){background:#f7f5f1}
@media(max-width:1100px) and (min-width:768px){.sahara-journal-trending__post{grid-template-columns:110px minmax(0,1fr);gap:16px}.beautys-blog-list:is(.ybc-page-home,.ybc-page-category)>.ybc-blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sahara-journal-hero{min-height:280px}.sahara-journal-hero__copy h1{font-size:32px}.sahara-journal-trending{padding:30px 20px 36px}.sahara-journal-trending h2{font-size:28px;margin-bottom:28px}.sahara-journal-trending__posts{grid-template-columns:1fr;gap:28px}.sahara-journal-trending__post{grid-template-columns:120px minmax(0,1fr);gap:20px}:is(.ybc-page-home,.ybc-page-category) .beautys-blog-category-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:26px 0 4px;margin-bottom:22px}body.ybc_blog:is(:has(.ybc-page-home),:has(.ybc-page-category)){--scarlet-blog-box-gutter:16px}.beautys-blog-list:is(.ybc-page-home,.ybc-page-category)>.ybc-blog-list{grid-template-columns:1fr;gap:36px}:is(.ybc-page-home,.ybc-page-category) .ybc_title_block{font-size:21px!important}.ybc-blog-wrapper-detail .page-heading.product-listing{font-size:28px!important}.ybc-page-home .beautys-blog-shoplook-target{padding:0 6px;margin-top:36px}}

/* Blog pagination: consistent small rounded corners for every page control. */
.beautys-blog-list:is(.ybc-page-home,.ybc-page-category) .sahara-journal-pagination .links :is(a,b,button){border-radius:4px !important;}

@media (min-width:1200px) {
  body.ybc_blog:has(.ybc-blog-wrapper-detail) .breadcrumb__wrapper > .container { box-sizing:border-box; width:100%; max-width:none; margin-left:0; margin-right:0; padding-left:45px; padding-right:45px; }
}

/* Full-width recommendation surface with one shared content gutter. */
body.ybc_blog #wrapper { overflow-x:clip; }
body.ybc_blog .ybc-blog-wrapper-detail,
body.ybc_blog .ybc-blog-wrapper-detail .ybc-blog-wrapper-content,
body.ybc_blog .ybc-blog-wrapper-detail .post-details { overflow:visible; }
body.ybc_blog :is(.ybc-page-home,.ybc-page-category,.ybc-blog-wrapper-detail) .beautys-blog-shoplook-target {
  position:relative;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  box-sizing:border-box;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding-left:20px !important;
  padding-right:20px !important;
  background:#f7f5f1;
}
body.ybc_blog .beautys-blog-shoplook-target .beautys-featured-products {
  box-sizing:border-box;
  width:100% !important;
  max-width:1640px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.ybc_blog .beautys-blog-shoplook-target .beautys-featured-products__inner {
  width:100%;
  max-width:none;
}
@media(max-width:767px) {
  body.ybc_blog :is(.ybc-page-home,.ybc-page-category,.ybc-blog-wrapper-detail) .beautys-blog-shoplook-target {
    padding-left:5px !important;
    padding-right:5px !important;
  }
}
/* Related articles share the blog's 1640px content alignment. */
body.ybc_blog .ybc-blog-wrapper-detail .ybc-blog-related-posts {
  box-sizing:border-box;
  position:relative;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(1640px,calc(100vw - 40px)) !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.ybc_blog .ybc-blog-wrapper-detail .ybc-blog-related-posts :is(.beautys-related-heading,.ybc-blog-related-posts-wrapper,.ybc-blog-related-posts-list) {
  box-sizing:border-box;
  width:100%;
  max-width:none;
  padding-left:0;
  padding-right:0;
}
@media(max-width:767px) {
  body.ybc_blog .ybc-blog-wrapper-detail .ybc-blog-related-posts {
    width:calc(100vw - 10px) !important;
  }
}
/* Reduce the pause between the article breadcrumb and title. */
body.ybc_blog:has(.ybc-blog-wrapper-detail) .breadcrumb__wrapper { margin-bottom:0px; }
body.ybc_blog .ybc-blog-wrapper-detail { padding-top:0 !important; }
/* Keep category names close to their breadcrumb. */
body.ybc_blog:has(.ybc-page-category) .breadcrumb__wrapper { margin-bottom:0px; }
body.ybc_blog .beautys-blog-list.ybc-page-category { padding-top:0 !important; }
body.ybc_blog .beautys-blog-list.ybc-page-category .blog-category { margin-top:0; padding-top:0; }
body.ybc_blog .beautys-blog-list.ybc-page-category .blog-category .page-heading.product-listing { margin-top:0; padding-top:0 !important; }
/* Remove the legacy title span's extra 15px top margin. */
body.ybc_blog:has(.ybc-blog-wrapper-detail) .breadcrumb__wrapper { margin-bottom:12px; }
body.ybc_blog:has(.ybc-blog-wrapper-detail) .breadcrumb { padding-bottom:8px; }
body.ybc_blog .ybc-blog-wrapper-detail .ybc-blog-wrapper-content { padding-top:0 !important; }
body.ybc_blog .ybc-blog-wrapper-detail .page-heading.product-listing { margin-top:0 !important; padding-top:0 !important; }
body.ybc_blog .ybc-blog-wrapper-detail .page-heading.product-listing .title_cat { display:block; float:none !important; margin-top:0 !important; padding-top:0 !important; }