.yuan-blog{--yuan-blog-ink: var(--color-text, #161816);--yuan-blog-muted: var(--color-text-muted, #667068);--yuan-blog-cream: var(--color-page, #fbfaf6);--yuan-blog-surface: var(--color-surface, #ffffff);--yuan-blog-border: var(--color-border, #ccd3cd);--yuan-blog-brand: var(--color-brand, #163325);--yuan-blog-soft: var(--color-brand-soft, #dce8e1);--yuan-blog-gold: var(--color-focus, #d2aa2f);--yuan-blog-radius: 14px;--yuan-blog-radius-sm: 10px;--yuan-blog-sidebar: 30rem;color:var(--yuan-blog-ink);background:var(--yuan-blog-cream);font-family:var(--font-body-family)}.yuan-blog *,.yuan-blog *:before,.yuan-blog *:after{box-sizing:border-box}.yuan-blog a{color:inherit;text-decoration:none}.yuan-blog a:focus-visible,.yuan-blog button:focus-visible{outline:.2rem solid var(--yuan-blog-gold);outline-offset:.3rem}.yuan-blog__wrap{width:min(100% - 3.2rem,var(--page-width, 140rem));margin-inline:auto}.yuan-blog-hero{position:relative;overflow:hidden;display:grid;align-content:center;min-height:clamp(28rem,42vw,38rem);padding:6rem 0 7rem;color:#fff;background:var(--yuan-blog-brand);text-align:center}.yuan-blog-hero__media,.yuan-blog-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}div.yuan-blog-hero__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--yuan-blog-hero-overlay, rgba(15, 40, 28, .72))}.yuan-blog-hero__content{position:relative;z-index:2;width:min(100% - 3.2rem,var(--page-width, 140rem));margin-inline:auto}.yuan-blog-hero__eyebrow{margin:0 0 1rem;color:var(--yuan-blog-gold);font-size:1.4rem;font-weight:700;letter-spacing:.14em}h1.yuan-blog-hero__title{margin:0 0 1.2rem;color:#fff!important;-webkit-text-fill-color:#fff;font-size:clamp(3.2rem,5vw,4.8rem);font-weight:700;line-height:1.25;text-shadow:0 1px 12px rgba(0,0,0,.35)}.yuan-blog-hero__text{margin:0 auto;max-width:62rem;color:#ffffffe0;font-size:1.7rem;line-height:1.7}.yuan-blog-hero__chips{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:2.4rem 0 0}.yuan-blog-chip{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.6rem 1.4rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;font-size:1.4rem;text-decoration:none;transform-origin:center;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.yuan-blog-chip.is-active,.yuan-blog-chip:hover{background:var(--yuan-blog-gold);color:var(--yuan-blog-ink);border-color:var(--yuan-blog-gold);font-weight:700}.yuan-blog-chip:hover{transform:scale(1.08)}.yuan-blog__main{padding:4.8rem 0 6rem}.yuan-blog__empty{margin:0 0 2.4rem;color:var(--yuan-blog-muted);font-size:1.6rem;text-align:center}.yuan-blog-card{display:grid;overflow:hidden;border:1px solid var(--yuan-blog-border);border-radius:var(--yuan-blog-radius);background:var(--yuan-blog-surface);text-decoration:none;color:inherit}.yuan-blog-card--featured{margin-bottom:2.4rem}.yuan-blog-card__media{overflow:hidden;background:var(--yuan-blog-soft)}.yuan-blog-card__media img,.yuan-blog-card__media svg{width:100%;height:100%;object-fit:cover;display:block}.yuan-blog-card--card .yuan-blog-card__media{aspect-ratio:16 / 10}.yuan-blog-card--featured .yuan-blog-card__media{min-height:28rem}.yuan-blog-card__body{display:grid;align-content:start;gap:.8rem;padding:1.8rem}.yuan-blog-card--featured .yuan-blog-card__body{padding:2.8rem;align-content:center;gap:1.2rem}.yuan-blog-card__title{margin:0;font-size:1.8rem;font-weight:700;line-height:1.4}.yuan-blog-card--featured .yuan-blog-card__title{font-size:clamp(2.2rem,3vw,3.2rem);line-height:1.35}.yuan-blog-card__excerpt{margin:0;color:var(--yuan-blog-muted);font-size:1.5rem}.yuan-blog-card--featured .yuan-blog-card__excerpt{font-size:1.6rem}.yuan-blog-card__meta{display:flex;flex-wrap:wrap;gap:1.2rem;color:var(--yuan-blog-muted);font-size:1.35rem}.yuan-blog-tag{display:inline-flex;align-items:center;min-height:2.8rem;width:fit-content;padding:0 .9rem;border-radius:999px;background:var(--yuan-blog-soft);color:var(--yuan-blog-brand);font-size:1.25rem;font-weight:700}.yuan-blog-card__more{display:inline-flex;align-items:center;gap:.6rem;color:var(--yuan-blog-brand);font-weight:700}.yuan-blog-card__more:after{content:"\2190"}html[dir=ltr] .yuan-blog-card__more:after{content:"\2192"}.yuan-blog-grid{display:grid;gap:2rem}.yuan-blog-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:3.2rem}.yuan-blog-pager a,.yuan-blog-pager span{display:grid;place-items:center;min-width:4.4rem;min-height:4.4rem;padding:0 1rem;border:1px solid var(--yuan-blog-border);border-radius:.8rem;background:var(--yuan-blog-surface);color:var(--yuan-blog-ink);text-decoration:none}.yuan-blog-pager .is-current{background:var(--yuan-blog-brand);color:#fff;border-color:var(--yuan-blog-brand);font-weight:700}.yuan-blog-article{padding:3.2rem 0 0}.yuan-blog-crumb{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2rem;color:var(--yuan-blog-muted);font-size:1.4rem}.yuan-blog-crumb a{color:var(--yuan-blog-brand);font-weight:700;text-decoration:none}.yuan-blog-layout{display:grid;gap:2.4rem;align-items:start}.yuan-blog-post{min-width:0;overflow:hidden;border:1px solid var(--yuan-blog-border);border-radius:var(--yuan-blog-radius);background:var(--yuan-blog-surface)}.yuan-blog-post__hero{aspect-ratio:16 / 8;background:#1a1a1a}.yuan-blog-post__hero img,.yuan-blog-post__hero svg{width:100%;height:100%;object-fit:cover;display:block}.yuan-blog-post__head,.yuan-blog-post__body{padding:2rem}.yuan-blog-post__title{margin:.8rem 0 1.2rem;font-size:clamp(2.6rem,4vw,3.8rem);font-weight:700;line-height:1.3}.yuan-blog-post__body{padding-top:0;padding-bottom:3.2rem;font-size:1.7rem;line-height:1.8}.yuan-blog-post__body h2,.yuan-blog-post__body h3{margin:2.8rem 0 1.2rem}.yuan-blog-post__body p,.yuan-blog-post__body ul,.yuan-blog-post__body ol{margin:0 0 1.6rem}.yuan-blog-post__body img{width:100%;height:auto;border-radius:var(--yuan-blog-radius-sm)}.yuan-blog-share{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;padding-top:1.6rem;border-top:1px solid var(--yuan-blog-border)}.yuan-blog-share strong{font-size:1.5rem}.yuan-blog-share a{display:inline-flex;align-items:center;min-height:4.4rem;padding:0 1.4rem;border:1px solid var(--yuan-blog-border);border-radius:.8rem;color:inherit;font-weight:700;text-decoration:none}.yuan-blog-share a:hover{border-color:var(--yuan-blog-brand);color:var(--yuan-blog-brand)}.yuan-blog-sidebar{display:grid;gap:1.6rem}.yuan-blog-panel{padding:2rem;border:1px solid var(--yuan-blog-border);border-radius:var(--yuan-blog-radius);background:var(--yuan-blog-surface)}.yuan-blog-panel h2{margin:0 0 1.6rem;font-size:1.8rem}.yuan-blog-mini{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:1.2rem;padding:1rem 0;border-top:1px solid var(--yuan-blog-border);text-decoration:none;color:inherit}.yuan-blog-mini:first-of-type{border-top:0;padding-top:0}.yuan-blog-mini img,.yuan-blog-mini svg{width:7.2rem;height:7.2rem;object-fit:cover;border-radius:var(--yuan-blog-radius-sm);background:var(--yuan-blog-soft)}.yuan-blog-mini strong{display:block;font-size:1.45rem;line-height:1.4}.yuan-blog-mini span{color:var(--yuan-blog-muted);font-size:1.25rem}.yuan-blog-tags{display:flex;flex-wrap:wrap;gap:.8rem}.yuan-blog-tags a{display:inline-flex;align-items:center;min-height:3.6rem;padding:.4rem 1.1rem;border:1px solid var(--yuan-blog-border);border-radius:999px;color:inherit;font-size:1.3rem;text-decoration:none}.yuan-blog-tags a:hover,.yuan-blog-tags a.is-active{border-color:var(--yuan-blog-brand);color:var(--yuan-blog-brand);font-weight:700}.yuan-blog-cta{border:0;background:var(--yuan-blog-brand);color:#fff}.yuan-blog-cta h2{color:#fff}.yuan-blog-cta p{margin:0 0 1.4rem;color:#ffffffdb}.yuan-blog-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;padding:0 1.8rem;border-radius:.8rem;background:var(--yuan-blog-gold);color:var(--yuan-blog-ink);font-weight:700;text-decoration:none}.yuan-blog-related{padding:4.8rem 0 6rem}.yuan-blog-related h2{margin:0 0 2.4rem;font-size:2.4rem}@media screen and (min-width:750px){.yuan-blog-card--featured{grid-template-columns:1.15fr .85fr;min-height:38rem}.yuan-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.yuan-blog-layout{grid-template-columns:minmax(0,1fr) var(--yuan-blog-sidebar)}.yuan-blog-sidebar{position:sticky;top:10rem}.yuan-blog-post__head,.yuan-blog-post__body{padding:2.8rem}.yuan-blog-post__body{padding-top:0}}@media(prefers-reduced-motion:no-preference){.yuan-blog-card--card .yuan-blog-card__media img,.yuan-blog-card--featured .yuan-blog-card__media img{transition:transform .28s ease}.yuan-blog-card:hover .yuan-blog-card__media img{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.yuan-blog-chip{transition:background .2s ease,color .2s ease,border-color .2s ease}.yuan-blog-chip:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-yuan-blog.css.map */