#trend_detail{padding-bottom:100px}#trend_detail .cover-image{width:100%;height:70vh;overflow:hidden;position:relative}#trend_detail .cover-image img{width:100%;height:120%;object-fit:cover;position:absolute;top:0;left:0}#trend_detail .article-wrapper{max-width:780px;margin:0 auto;padding:60px 1.38% 0}#trend_detail .article-category-wrap{margin-bottom:16px}#trend_detail .article-category-wrap .article-category{display:inline-block;font-size:0.8rem;font-weight:600;color:#FF408C;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase}#trend_detail .article-category-wrap .article-category:hover{opacity:0.7}#trend_detail .article-title{font-size:2.5rem;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:#000;margin-bottom:12px}#trend_detail .article-meta{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:#999}#trend_detail .article-meta .article-date{font-size:inherit;color:inherit}#trend_detail .article-meta .article-author{font-size:inherit;color:inherit}#trend_detail .article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}#trend_detail .article-tags .tag{font-size:0.8rem;color:#999;font-weight:400}#trend_detail .article-body{font-size:1rem;line-height:1.9;color:#333;word-break:keep-all}#trend_detail .article-body p{margin-bottom:20px}#trend_detail .article-body a{color:#FF408C;text-decoration:underline}#trend_detail .article-body a:hover{opacity:0.7}#trend_detail .article-body.article-body--sections .article-intro{margin-bottom:48px;font-size:1.1rem;line-height:1.9}#trend_detail .article-body.article-body--sections .article-section{margin-bottom:56px}#trend_detail .article-body.article-body--sections .article-section:last-child{margin-bottom:0}#trend_detail .article-body.article-body--sections .article-section__media{width:100%;margin:0}#trend_detail .article-body.article-body--sections .article-section__media img{width:100%;height:auto;display:block;border-radius:4px}#trend_detail .article-body.article-body--sections .article-section__video{position:relative;padding-bottom:56.25%;height:0;border-radius:4px;overflow:hidden}#trend_detail .article-body.article-body--sections .article-section__video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}#trend_detail .article-body.article-body--sections .article-section__desc{margin-top:24px;font-size:1rem;line-height:1.9}#trend_detail .article-nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:40px;border-top:1px solid #eee}#trend_detail .article-nav a{display:flex;align-items:center;gap:16px;text-decoration:none;max-width:48%}#trend_detail .article-nav a .nav-thumb{flex-shrink:0;width:100px;height:67px;border-radius:4px;overflow:hidden;background:#f0f0f0}#trend_detail .article-nav a .nav-thumb img{width:100%;height:100%;object-fit:cover;display:block}#trend_detail .article-nav a .nav-text{display:flex;flex-direction:column}#trend_detail .article-nav a .nav-label{font-size:0.75rem;color:#999;margin-bottom:4px}#trend_detail .article-nav a .nav-title{font-size:1rem;font-weight:600;color:#000;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#trend_detail .article-nav a:hover .nav-title{color:#FF408C}#trend_detail .article-nav .nav-next{text-align:right;margin-left:auto}#trend_detail .article-nav .nav-next .nav-text{align-items:flex-end}#trend_detail .back-to-list{text-align:center;margin-top:40px}#trend_detail .back-to-list a{display:inline-block;padding:12px 28px;border:1px solid #ddd;border-radius:24px;font-size:0.85rem;font-weight:500;color:#666;text-decoration:none;transition:all 0.2s}#trend_detail .back-to-list a:hover{color:#000;border-color:#000}@media screen and (max-width: 820px){#trend_detail .cover-image{height:50vh}#trend_detail .article-wrapper{padding-top:40px}#trend_detail .article-title{font-size:1.8rem}#trend_detail .article-body{font-size:0.95rem}#trend_detail .article-body.article-body--sections .article-intro{font-size:1rem;margin-bottom:36px}#trend_detail .article-body.article-body--sections .article-section{margin-bottom:40px}#trend_detail .article-body.article-body--sections .article-section__desc{margin-top:16px}#trend_detail .article-nav{flex-direction:column;gap:16px}#trend_detail .article-nav a{max-width:100%}#trend_detail .article-nav a .nav-thumb{width:80px;height:53px}#trend_detail .article-nav .nav-next{text-align:left}#trend_detail .article-nav .nav-next .nav-text{align-items:flex-start}}

/*# sourceMappingURL=trend_detail.css.map */