.blog-layout,.article-template__body{display:grid;gap:2.4rem}.blog-sidebar{align-self:start;min-width:0}.blog-sidebar__inner{display:grid;gap:1.6rem}.blog-sidebar__card{background:#fff;border:.1rem solid var(--dibao-line);border-radius:.8rem;box-shadow:0 1rem 2.8rem rgba(var(--dibao-ink-rgb),.045);padding:1.7rem}.blog-sidebar__quote{background:var(--dibao-burgundy-deep);border-color:var(--dibao-burgundy-deep);color:#fff}.blog-sidebar__title{color:inherit;font-size:1.65rem;font-weight:700;letter-spacing:0;line-height:1.3;margin:0 0 1.2rem}.blog-sidebar__quote p{color:#ffffffc7;font-size:1.4rem;line-height:1.55;margin:0 0 1.4rem}.blog-sidebar__quote-list{border-bottom:.1rem solid rgba(255,255,255,.18);border-top:.1rem solid rgba(255,255,255,.18);display:grid;gap:.7rem;margin:0 0 1.5rem;padding:1.2rem 0}.blog-sidebar__quote-list li{align-items:center;color:#fff;display:flex;font-size:1.32rem;font-weight:600;gap:.8rem;line-height:1.35}.blog-sidebar__quote-list li:before{background:var(--dibao-gold);border-radius:50%;content:"";flex:0 0 .55rem;height:.55rem;width:.55rem}.blog-sidebar__button{align-items:center;background:var(--dibao-green);border-radius:.6rem;color:#fff;display:inline-flex;font-size:1.4rem;font-weight:700;gap:.8rem;justify-content:center;line-height:1;min-height:4.4rem;padding:1.2rem 1.3rem;text-decoration:none;transition:background-color var(--duration-short) ease,box-shadow var(--duration-short) ease,color var(--duration-short) ease,transform var(--duration-short) ease;width:100%}.blog-sidebar__button:hover{background:var(--dibao-green-deep);box-shadow:0 1rem 2rem #228b4e33;color:#fff;transform:translateY(-.1rem)}.blog-sidebar__button .svg-wrapper{height:1.2rem;width:1.2rem}.blog-sidebar__button .icon{height:100%;width:100%}.blog-sidebar__tags{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}.blog-sidebar__tags a{border:.1rem solid rgba(var(--dibao-ink-rgb),.12);border-radius:99rem;color:var(--dibao-ink);display:inline-flex;font-size:1.28rem;font-weight:600;line-height:1;padding:.8rem 1rem;text-decoration:none;transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease,color var(--duration-short) ease}.blog-sidebar__tags a:hover{background:var(--dibao-burgundy);border-color:var(--dibao-burgundy);color:#fff}.blog-sidebar__articles{display:grid;gap:1.2rem;margin:0}.blog-sidebar__articles li{border-bottom:.1rem solid var(--dibao-line);padding-bottom:1.2rem}.blog-sidebar__articles li:last-child{border-bottom:0;padding-bottom:0}.blog-sidebar__articles a{color:var(--dibao-ink);display:block;font-size:1.4rem;font-weight:700;line-height:1.42;text-decoration:none}.blog-sidebar__articles a:hover{color:var(--dibao-burgundy);text-decoration:underline;text-underline-offset:.3rem}.blog-sidebar__articles span{color:var(--dibao-muted);display:block;font-size:1.2rem;margin-top:.5rem}@media screen and (min-width:990px){.blog-layout,.article-template__body{align-items:start;grid-template-columns:minmax(0,1fr) 30rem;gap:4rem}.blog-sidebar{max-height:calc(100vh - var(--header-height, 0px) - 3.2rem);overflow:auto;position:sticky;top:calc(var(--header-height, 0px) + 1.6rem)}.blog-sidebar__inner{min-height:0}}@media screen and (min-width:1200px){.blog-layout,.article-template__body{grid-template-columns:minmax(0,1fr) 32rem}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/component-blog-sidebar.css.map */