.yf-article{width:100%;max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--page-margin, 24px) 64px;box-sizing:border-box}.yf-article__hero{position:relative;width:100%;border-radius:16px;overflow:hidden;margin-bottom:40px;min-height:480px;display:flex;align-items:flex-end;background:#1a1a1a}.yf-article__hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.yf-article__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000014,#0000008c 60%,#000000d1)}.yf-article__hero-bottom{position:relative;z-index:2;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:28px 32px}.yf-article__hero-date{display:inline-block;background:#c6f135;color:#111;font-size:.6875rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:4px;line-height:1.4;margin-bottom:10px}.yf-article__hero-left{flex:1;min-width:0}.yf-article__hero-title{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:900;text-transform:uppercase;color:#fff;margin:0;line-height:1.1;letter-spacing:.01em}.yf-article__hero-right{flex-shrink:0;max-width:240px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.yf-article__hero-social{display:flex;align-items:center;gap:10px}.yf-article__hero-social a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff2e;color:#fff;text-decoration:none;transition:background .18s ease}.yf-article__hero-social a svg,.yf-article__hero-social a svg path,.yf-article__hero-social a svg circle,.yf-article__hero-social a svg rect,.yf-article__hero-social a svg polygon{fill:#fff!important;stroke:none!important}.yf-article__hero-social a:hover{background:#ffffff59}.yf-article__hero-excerpt{font-size:.78rem;color:#fffc;line-height:1.55;text-align:right;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.yf-article__layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.yf-article__main{min-width:0}.yf-article__content{font-size:1rem;line-height:1.75;color:var(--color-foreground, #111)}.yf-article__content h1,.yf-article__content h2,.yf-article__content h3,.yf-article__content h4{font-weight:700;line-height:1.25;margin:1.8em 0 .7em;color:#111}.yf-article__content h2{font-size:1.375rem}.yf-article__content h3{font-size:1.125rem}.yf-article__content p{margin:0 0 1.2em}.yf-article__content ul,.yf-article__content ol{padding-left:1.5em;margin:0 0 1.2em}.yf-article__content li{margin-bottom:.4em}.yf-article__content strong,.yf-article__content b{font-weight:700}.yf-article__content a{color:inherit;text-decoration:underline}.yf-article__content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.9rem}.yf-article__content th,.yf-article__content td{border:1px solid #e0e0e0;padding:10px 14px;text-align:left;vertical-align:top}.yf-article__content th{background:#f5f5f5;font-weight:600}.yf-article__content tr:nth-child(2n) td{background:#fafafa}.yf-article__related{margin-top:48px;padding-top:36px;border-top:1px solid #e8e8e8}.yf-article__related-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.yf-article__related-title{font-size:1.125rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#111;margin:0}.yf-article__related-nav{display:flex;gap:6px}.yf-article__related-nav button{width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#333;transition:background .15s,border-color .15s}.yf-article__related-nav button:hover{background:#f0f0f0;border-color:#ccc}.yf-article__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.yf-article__rel-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow .2s ease}.yf-article__rel-card:hover{box-shadow:0 4px 20px #0000001a}.yf-article__rel-card-media{position:relative;width:100%;padding-top:66.67%;overflow:hidden;background:#f0f0f0;flex-shrink:0}.yf-article__rel-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;display:block}.yf-article__rel-card:hover .yf-article__rel-card-img{transform:scale(1.04)}.yf-article__rel-card-badge{position:absolute;top:8px;left:8px;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;padding:3px 7px;font-size:.625rem;font-weight:600;color:#333;letter-spacing:.01em;pointer-events:none}.yf-article__rel-card-body{padding:12px 12px 14px;display:flex;flex-direction:column;flex:1}.yf-article__rel-card-title{font-size:.85rem;font-weight:700;color:#111;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yf-article__rel-card-excerpt{font-size:.75rem;color:#777;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.yf-article__rel-card-read-more{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;color:#111;text-decoration:none;margin-top:auto}.yf-article__comments{margin-top:48px;padding-top:36px;border-top:1px solid #e8e8e8}.yf-article__comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.yf-article__comments-title{font-size:1.125rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#111;margin:0}.yf-article__comments-count{font-size:.8125rem;color:#888;font-weight:500}.yf-article__comment-list{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.yf-article__comment{display:flex;gap:12px;align-items:flex-start}.yf-article__comment-avatar{width:40px;height:40px;border-radius:50%;background:#e8e8e8;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#555;overflow:hidden}.yf-article__comment-avatar img{width:100%;height:100%;object-fit:cover;display:block}.yf-article__comment-body{flex:1;min-width:0}.yf-article__comment-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;flex-wrap:wrap}.yf-article__comment-author{font-size:.875rem;font-weight:700;color:#111}.yf-article__comment-date{font-size:.72rem;color:#aaa}.yf-article__comment-text{font-size:.85rem;color:#444;line-height:1.6;margin:0 0 8px}.yf-article__comment-actions{display:flex;align-items:center;gap:12px}.yf-article__comment-action{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:#aaa;cursor:pointer;background:none;border:none;padding:0;transition:color .15s;text-decoration:none}.yf-article__comment-action:hover{color:#555}.yf-article__comment-form{display:flex;gap:10px;align-items:center;padding:10px 10px 10px 16px;border:1px solid #e0e0e0;border-radius:999px;background:#fff}.yf-article__comment-input{flex:1;border:none;outline:none;font-size:.875rem;color:#333;background:transparent;font-family:inherit}.yf-article__comment-input::placeholder{color:#bbb}.yf-article__comment-submit{width:38px;height:38px;border-radius:50%;background:#111;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s ease}.yf-article__comment-submit:hover{background:#333}.yf-article__sidebar{position:sticky;top:100px;min-width:0;display:flex;flex-direction:column;gap:24px}.yf-article__widget{background:#f5f5f5;border-radius:12px;padding:20px}.yf-article__widget-title{font-size:1rem;font-weight:800;color:#111;margin:0 0 16px;letter-spacing:.01em}.yf-article__popular-list{display:flex;flex-direction:column;gap:14px}.yf-article__popular-item{display:flex;gap:10px;align-items:flex-start;text-decoration:none;color:inherit}.yf-article__popular-img-wrap{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#e0e0e0}.yf-article__popular-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.yf-article__popular-item:hover .yf-article__popular-img{transform:scale(1.06)}.yf-article__popular-info{flex:1;min-width:0}.yf-article__popular-date{font-size:.65rem;color:#aaa;font-weight:500;margin-bottom:3px}.yf-article__popular-title{font-size:.8rem;font-weight:700;color:#111;line-height:1.3;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yf-article__popular-excerpt{font-size:.7rem;color:#888;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.yf-article__topics-list{display:flex;flex-direction:column;gap:4px}.yf-article__topic-item{display:flex;align-items:center;gap:6px;text-decoration:none;color:#333;padding:7px 12px;border-radius:999px;border:1px solid #e0e0e0;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;background:#fff;line-height:1.3}.yf-article__topic-item:before{content:"\203a";font-size:.9rem;font-weight:700;opacity:.5}.yf-article__topic-item:hover{background:#eee;border-color:#ccc}.yf-article__topic-item--active{background:#111;color:#fff;border-color:#111}.yf-article__topic-item--active:before{opacity:.7}.yf-article__topic-item--active:hover{background:#333;border-color:#333}@media screen and (max-width:1100px){.yf-article__layout{grid-template-columns:1fr 260px;gap:28px}.yf-article__related-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){.yf-article__layout{grid-template-columns:1fr}.yf-article__sidebar{position:static}.yf-article__hero-bottom{flex-direction:column;align-items:flex-start;gap:16px}.yf-article__hero-right{align-items:flex-start;max-width:100%}.yf-article__hero-excerpt{text-align:left}.yf-article__related-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.yf-article{padding:0 16px 48px}.yf-article__hero{border-radius:12px;min-height:340px}.yf-article__hero-bottom{padding:20px 18px}.yf-article__hero-title{font-size:1.35rem}.yf-article__related-grid{grid-template-columns:1fr}.yf-article__comments-header{flex-direction:column;align-items:flex-start;gap:4px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/yeefine-article.css.map */