.article-detail,.events-detail{--teal:#26b7bc;--teal-dark:#156467;--ink:#393939;--muted:#9b9b9b;--line:#e8eaea;--soft:#f6f9f9;color:var(--ink)}.article-detail .crumb,.events-detail .crumb{display:flex;align-items:center;flex-wrap:nowrap;padding:1.75rem 0 .5rem;font-size:.85rem;letter-spacing:.04em;color:var(--muted);white-space:nowrap}.article-detail .crumb a,.events-detail .crumb a{color:var(--teal);text-decoration:none;flex:0 0 auto}.article-detail .crumb a:hover,.events-detail .crumb a:hover{color:var(--teal-dark)}.article-detail .crumb__sep,.events-detail .crumb__sep{margin:0 .5em;flex:0 0 auto}.article-detail .crumb__current,.events-detail .crumb__current{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis}.events-detail .crumb a.crumb__back{display:inline-flex;align-items:center;gap:.35rem}.article-detail .layout{display:grid;gap:2rem;padding:1rem 0 2.5rem}.article-detail .article__head{margin-bottom:1.5rem}.article-detail .article__title,.events-detail .article__title{margin:0 0 1rem;font-size:1.7rem;line-height:1.35;font-weight:600;letter-spacing:.02em;color:var(--ink)}.article-detail .meta,.events-detail .meta{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}.article-detail .meta__chip,.events-detail .meta__chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.88rem;color:var(--teal-dark);background:var(--soft);border:1px solid var(--line);border-radius:999px}.article-detail .meta__chip--date,.events-detail .meta__chip--date{color:var(--muted)}.article-detail .meta__tag,.events-detail .meta__tag{font-size:.78rem;letter-spacing:.04em;color:#fff;background:var(--teal);border-radius:999px;padding:.1rem .6rem}.article-detail .article__divider,.events-detail .article__divider{height:1px;background:var(--line);margin:1.25rem 0 0}.article-detail .prose,.events-detail .prose{font-size:1rem;line-height:1.95;color:#555}.article-detail .prose p,.events-detail .prose p{margin:0 0 1.1rem}.article-detail .prose img,.events-detail .prose img{max-width:100%;height:auto;border-radius:12px;margin:.5rem 0}.article-detail .prose h2,.article-detail .prose h3,.events-detail .prose h2,.events-detail .prose h3{color:var(--ink);font-weight:600;margin:1.6rem 0 .8rem;line-height:1.4}.article-detail .prose a,.events-detail .prose a{color:var(--teal);text-decoration:underline}.article-detail .prose a:hover,.events-detail .prose a:hover{color:var(--teal-dark)}.article-detail .prose ol,.article-detail .prose ul,.events-detail .prose ol,.events-detail .prose ul{padding-left:1.4rem;margin:0 0 1.1rem}.article-detail .prose iframe,.article-detail .prose table,.events-detail .prose iframe,.events-detail .prose table{max-width:100%}.article-detail .back,.events-detail .back{text-align:center;padding:2rem 0 .5rem}.article-detail .back__btn,.events-detail .back__btn{display:inline-block;padding:.7rem 2.6rem;font-size:.92rem;letter-spacing:.08em;color:var(--teal);border:1px solid var(--teal);border-radius:999px;text-decoration:none;transition:background .18s ease,color .18s ease}.article-detail .back__btn:hover,.events-detail .back__btn:hover{background:var(--teal);color:#fff}.article-detail .section-title,.events-detail .section-title{text-align:center;margin:0 0 1.75rem;font-size:1.35rem;font-weight:600;letter-spacing:.08em;color:var(--ink)}.article-detail .section-title:after,.events-detail .section-title:after{content:"";display:block;width:46px;height:3px;margin:.7rem auto 0;border-radius:2px;background:var(--teal)}.article-detail .recipe-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}.article-detail .recipe-card{display:block;text-decoration:none;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .18s ease,transform .18s ease}.article-detail .recipe-card:hover{box-shadow:0 12px 28px #1564671f;transform:translateY(-2px)}.article-detail .recipe-card__pic{aspect-ratio:4/3;background:var(--soft);overflow:hidden}.article-detail .recipe-card__pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-detail .recipe-card__title{padding:.9rem 1.1rem;font-size:1rem;font-weight:500;color:var(--ink);text-align:center}.article-detail .recipe-card:hover .recipe-card__title{color:var(--teal-dark)}.events-detail .gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;padding-top:.5rem}.events-detail .gallery__item{display:block;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:zoom-in;background:var(--soft);aspect-ratio:1/1}.events-detail .gallery__item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.events-detail .gallery__item:hover img{transform:scale(1.05)}.events-detail .lightbox{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#141e1ee6;padding:1.5rem}.events-detail .lightbox__img{max-width:min(92vw,1100px);max-height:86vh;border-radius:8px;box-shadow:0 20px 60px #00000080}.events-detail .lightbox__btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.4rem;cursor:pointer;transition:background .18s ease}.events-detail .lightbox__btn:hover{background:#ffffff4d}.events-detail .lightbox__btn--prev{left:1rem}.events-detail .lightbox__btn--next{right:1rem}.events-detail .lightbox__close{position:absolute;top:1rem;right:1.25rem;width:42px;height:42px;border:0;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.5rem;cursor:pointer}.events-detail .lightbox__close:hover{background:#ffffff4d}.events-detail .lightbox__count{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);color:#ffffffd9;font-size:.9rem;letter-spacing:.08em}.lightbox-fade-enter-active,.lightbox-fade-leave-active{transition:opacity .22s ease}.lightbox-fade-enter-from,.lightbox-fade-leave-to{opacity:0}@media(min-width:768px){.article-detail .article__title,.events-detail .article__title{font-size:2rem}.article-detail .layout{grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:start}.article-detail .article-detail__aside-sticky{position:sticky;top:var(--header-sticky-top,1.5rem)}.article-detail .recipe-grid,.events-detail .gallery{grid-template-columns:repeat(3,1fr)}.events-detail .gallery{gap:1rem}}html body{overflow-x:visible}
