.channel-hero{background:linear-gradient(180deg,var(--bg-cream-orange) 0%,var(--color-page-bg) 100%);padding:var(--space-xl)0 var(--space-lg);text-align:center}.channel-hero h1{font-size:28px;margin-bottom:var(--space-xs)}.channel-subtitle{font-size:16px;color:var(--color-secondary);margin-bottom:var(--space-xs)}.channel-count{font-size:14px;color:var(--color-placeholder)}.channel-count strong{color:var(--color-primary);font-family:var(--font-data)}.channel-layout{display:flex;gap:var(--space-xl);padding:var(--space-lg)0}.channel-content{flex:1;min-width:0}.channel-sidebar{flex:0 0 280px}.channel-tabs{margin-bottom:var(--space-sm)}.channel-tabs .tab-item{text-decoration:none}.channel-sub-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap}.tab-sub-item{min-height:36px;display:inline-flex;align-items:center;padding:4px 14px;font-size:13px;color:var(--color-secondary);text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:all .15s;white-space:nowrap}.tab-sub-item:hover{color:var(--color-primary);border-color:var(--color-primary)}.tab-sub-item.active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.newbie-banner{display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,var(--bg-milk-tea) 0%,var(--bg-sakura-pink) 100%);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.newbie-banner-icon{font-size:28px;flex-shrink:0}.newbie-banner-content{flex:1}.newbie-banner-content h3{font-size:15px;margin-bottom:2px}.newbie-banner-content p{font-size:13px;color:var(--color-secondary)}.newbie-banner-links{display:flex;gap:var(--space-sm);flex-shrink:0}.newbie-banner-links a{padding:6px 14px;font-size:13px;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-xl);text-decoration:none;transition:all .2s ease;white-space:nowrap}.newbie-banner-links a:hover{background:var(--color-primary);color:var(--color-white);text-decoration:none}.hot-topics{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.hot-topics-label{font-size:14px;font-weight:600;color:var(--color-danger);flex-shrink:0}.hot-topic-tag{padding:5px 12px;font-size:13px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);text-decoration:none;transition:all .2s ease}.hot-topic-tag:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-emergency-bg);text-decoration:none}.featured-article{display:block;margin-bottom:var(--space-lg);text-decoration:none;color:inherit;overflow:hidden}.featured-article:hover{color:inherit;text-decoration:none}.featured-img{width:100%;aspect-ratio:16/7;background:var(--color-card-bg);display:flex;align-items:center;justify-content:center;font-size:64px;border-radius:var(--radius-md)var(--radius-md)0 0}.featured-img img{width:100%;height:100%;object-fit:cover}.featured-content{padding:var(--space-lg)}.featured-content .tag-category{margin-bottom:var(--space-sm);display:inline-block}.featured-content h2{font-size:20px;margin-bottom:var(--space-sm);line-height:1.4}.featured-content p{font-size:14px;color:var(--color-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-sm)}.featured-meta{font-size:13px;color:var(--color-placeholder);display:flex;align-items:center;gap:var(--space-sm)}.article-feed{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.article-feed-item{display:flex;gap:var(--space-md);text-decoration:none;color:inherit}.article-feed-item:hover{text-decoration:none;color:inherit}.feed-img{flex:0 0 200px;aspect-ratio:3/2;background:var(--color-card-bg);border-radius:var(--radius-md)0 0 var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:40px;overflow:hidden}.feed-img img{width:100%;height:100%;object-fit:cover}.feed-content{flex:1;padding:var(--space-md);display:flex;flex-direction:column;justify-content:center;min-width:0}.feed-content .tag-category{margin-bottom:var(--space-xs);display:inline-block;align-self:flex-start}.feed-content h3{font-size:16px;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-title)}.feed-excerpt{font-size:13px;color:var(--color-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-sm)}.feed-meta{font-size:12px;color:var(--color-placeholder);display:flex;align-items:center;gap:var(--space-sm)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-2xl)}.page-item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;font-size:14px;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:all .15s ease}.page-item:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}.page-current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.page-next{padding:0 14px;font-weight:600}.page-dots{color:var(--color-placeholder);padding:0 4px}.channel-qa{margin-top:var(--space-xl)}.channel-qa h2{font-size:20px;margin-bottom:var(--space-md);padding-left:var(--space-md);position:relative}.channel-qa h2::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;background:var(--color-primary);border-radius:2px}.qa-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.qa-item{display:block;padding:10px 14px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);text-decoration:none;transition:all .2s ease}.qa-item:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.top-articles{display:flex;flex-direction:column;gap:1px}.top-article{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm)0;font-size:14px;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border);transition:color .15s ease}.top-article:last-child{border-bottom:none}.top-article:hover{color:var(--color-primary);text-decoration:none}.top-article-title{font-size:14px;font-weight:500;color:var(--color-title);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.top-article:hover .top-article-title{color:var(--color-primary)}.top-article-meta{font-size:12px;color:var(--color-placeholder);display:flex;gap:var(--space-sm)}.top-article em{display:none}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.cloud-tag{padding:4px 10px;font-size:13px;color:var(--color-secondary);background:var(--color-card-bg);border-radius:var(--radius-xl);text-decoration:none;transition:all .15s ease}.cloud-tag:hover{color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}@media(max-width:767px){.channel-hero{padding:var(--space-md)0}.channel-hero h1{font-size:22px}.channel-subtitle{font-size:14px}.channel-layout{flex-direction:column;gap:var(--space-lg);padding:var(--space-sm)0}.channel-sidebar{flex:none;width:100%}.sidebar-sticky{position:static}.newbie-banner{flex-direction:column;text-align:center;padding:var(--space-md);gap:var(--space-sm)}.newbie-banner-links{flex-wrap:wrap;justify-content:center}.featured-img{aspect-ratio:16/9;font-size:40px}.featured-content{padding:var(--space-md)}.featured-content h2{font-size:17px}.article-feed-item{flex-direction:column}.feed-img{flex:none;width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm)var(--radius-sm)0 0}.feed-content{padding:var(--space-sm)var(--space-md)var(--space-md)}.feed-content h3{font-size:15px}.page-item{min-width:36px;height:44px;font-size:13px}.qa-list{grid-template-columns:1fr}.qa-item{font-size:13px}.channel-qa h2{font-size:18px}.hot-topic-tag{font-size:12px;padding:4px 10px}}.search-form-bar{margin:var(--space-lg)0}.search-bar-wrap{display:flex;gap:var(--space-sm);max-width:600px}.search-bar-input{flex:1;height:44px;padding:0 var(--space-md);font-size:15px;font-family:var(--font-body);color:var(--color-text);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .15s ease}.search-bar-input:focus{border-color:var(--color-primary)}.search-bar-btn{white-space:nowrap;flex-shrink:0}.search-result-header{margin-bottom:var(--space-lg)}.search-result-header h1{font-size:22px;color:var(--color-title);margin-bottom:var(--space-xs)}.search-result-header h1 strong{color:var(--color-primary)}.search-result-count{font-size:14px;color:var(--color-secondary)}.search-result-count strong{color:var(--color-text);font-weight:600}.empty-state{text-align:center;padding:var(--space-2xl)var(--space-lg);color:var(--color-secondary)}.empty-icon{font-size:56px;line-height:1;margin-bottom:var(--space-md)}.empty-state h3{font-size:18px;font-weight:600;color:var(--color-title);margin-bottom:var(--space-sm)}.empty-state p{font-size:14px;margin-bottom:var(--space-lg)}.empty-links{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.search-section{margin-bottom:var(--space-xl)}.search-section-title{font-size:17px;font-weight:600;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1.5px solid var(--color-border)}.search-breed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.search-breed-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);text-decoration:none;color:var(--color-text);transition:box-shadow .2s}.search-breed-card:hover{box-shadow:var(--shadow-md)}.search-breed-img{width:52px;height:52px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.search-breed-emoji{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--color-page-bg);border-radius:var(--radius-md);flex-shrink:0}.search-breed-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-breed-info strong{font-size:15px;color:var(--color-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-breed-en{font-size:12px;color:var(--color-secondary)}.search-breed-meta{font-size:12px;color:var(--color-secondary)}.search-food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.search-food-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm)var(--space-md);text-decoration:none;color:var(--color-title);transition:box-shadow .2s}.search-food-item:hover{box-shadow:var(--shadow-md)}.search-food-item strong{font-size:15px;white-space:nowrap}.search-food-levels{display:flex;gap:var(--space-sm);font-size:13px;white-space:nowrap}@media(max-width:767px){.search-breed-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.search-breed-card{padding:var(--space-xs)var(--space-sm)}.search-breed-img,.search-breed-emoji{width:40px;height:40px;font-size:22px}.search-breed-info strong{font-size:14px}.search-food-grid{grid-template-columns:1fr;gap:var(--space-xs)}.search-food-item{padding:var(--space-xs)var(--space-sm)}}