/* =====首页css样式===== */

/* 栏目快捷入口 */
.hp-d-cat-bar{background:#fff;padding:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.hp-d-cat-bar-inner{display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;max-width: 1200px;margin: auto;}
.hp-d-cat-item{text-align:center;padding:10px 16px;border-radius:12px;transition:all .25s;cursor:pointer;flex:1;min-width:100px}
.hp-d-cat-item:hover{background:#f0f2ff;transform:translateY(-3px)}
.hp-d-cat-icon{font-size:28px;margin-bottom:6px}
.hp-d-cat-name{font-size:13px;font-weight:600;color:#444}

/* ===== 通用区块 ===== */
.hp-section { padding: 60px 0; }
.hp-section-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 28px; }
.hp-section-title { font-size: 26px; color: #5C4033; font-weight: 700; position: relative; padding-left: 14px; }
.hp-section-title::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 24px; background: #D4A574; border-radius: 3px; }
.hp-section-desc { font-size: 14px; color: #999; margin-top: 4px; }
.hp-section-more { font-size: 14px; color: #D4A574; transition: color 0.3s; }
.hp-section-more:hover { color: #5C4033; }

/* ===== 4. 精选文章区 ===== */
.hp-section.hp-featured{width: 100%;background-color: #FAF7F2;}
.hp-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.hp-featured-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; }
.hp-featured-main { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 12px rgba(92,64,51,0.06); transition: all 0.35s; display: block; }
.hp-featured-main:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(92,64,51,0.12); }
.hp-featured-main-img { height: 280px; overflow: hidden; position: relative; background: #F5EFE6; }
.hp-featured-main-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.hp-featured-main:hover .hp-featured-main-img img { transform: scale(1.05); }
.hp-featured-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #FDF6E4, #EDE5D8); }
.hp-placeholder-icon { font-size: 64px; opacity: 0.5; }
.hp-featured-main-info { padding: 24px; }
.hp-featured-tag { display: inline-block; background: #D4A574; color: #fff; font-size: 12px; padding: 3px 10px; border-radius: 4px; margin-bottom: 12px; font-weight: 600; }
.hp-featured-main-title { font-size: 20px; color: #333; font-weight: 600; margin-bottom: 10px; line-height: 1.5; transition: color 0.3s; }
.hp-featured-main:hover .hp-featured-main-title { color: #D4A574; }
.hp-featured-main-desc { font-size: 14px; color: #777; line-height: 1.7; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hp-featured-meta { display: flex; gap: 16px; font-size: 12px; color: #aaa; }

.hp-featured-list { display: flex; flex-direction: column; gap: 30px; }
.hp-featured-item { display: flex; gap: 14px; background: #fff; border-radius: 12px; padding: 14px; box-shadow: 0 2px 8px rgba(92,64,51,0.05); transition: all 0.3s; }
.hp-featured-item:hover { transform: translateX(4px); box-shadow: 0 6px 20px rgba(92,64,51,0.1); }
.hp-featured-item-img { width: 100px; height: 75px; border-radius: 8px; overflow: hidden; flex-shrink: 0; background: #F5EFE6; display: flex; align-items: center; justify-content: center; }
.hp-featured-item-img img { width: 100%; height: 100%; object-fit: cover; }
.hp-placeholder-small { font-size: 28px; opacity: 0.4; }
.hp-featured-item-info { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; }
.hp-featured-item-title { font-size: 14px; color: #444; font-weight: 500; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.hp-featured-item:hover .hp-featured-item-title { color: #D4A574; }
.hp-featured-item-meta { display: flex; gap: 12px; font-size: 11px; color: #bbb; }


/* ===== 5. 分栏目选项卡 ===== */
.hp-tabs-section { background: #fff; }
.hp-tab-nav { display: flex; gap: 8px; margin-bottom: 24px; flex-wrap: wrap; border-bottom: 2px solid #F0E6D3; padding-bottom: 0; }
.hp-tab-btn { padding: 10px 22px; background: none; border: none; font-size: 15px; color: #888; cursor: pointer; transition: all 0.3s; position: relative; font-weight: 500; border-radius: 8px 8px 0 0; }
.hp-tab-btn::after { content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background: #D4A574; transition: width 0.3s; border-radius: 2px; }
.hp-tab-btn.active { color: #5C4033; font-weight: 600; }
.hp-tab-btn.active::after { width: 60%; }
.hp-tab-btn:hover { color: #5C4033; }

.hp-tab-content { display: none; animation: fadeIn 0.4s ease; }
.hp-tab-content.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.hp-tab-articles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 20px; }
.hp-tab-article { background: #FAF7F2; border-radius: 12px; overflow: hidden; transition: all 0.3s; display: block; }
.hp-tab-article:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(92,64,51,0.1); background: #fff; }
.hp-tab-article-img { height: 140px; overflow: hidden; background: #EDE5D8; display: flex; align-items: center; justify-content: center; }
.hp-tab-article-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
.hp-tab-article:hover .hp-tab-article-img img { transform: scale(1.06); }
.hp-tab-article-info { padding: 16px; }
.hp-tab-article-title { font-size: 15px; color: #333; font-weight: 600; margin-bottom: 8px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.hp-tab-article:hover .hp-tab-article-title { color: #D4A574; }
.hp-tab-article-desc { font-size: 13px; color: #888; line-height: 1.6; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hp-tab-article-meta { display: flex; gap: 12px; font-size: 11px; color: #bbb; }
.hp-tab-more { display: inline-block; font-size: 14px; color: #D4A574; font-weight: 500; transition: all 0.3s; }
.hp-tab-more:hover { color: #5C4033; letter-spacing: 1px; }

/* ===== 6. 底部区域：热门排行 + 提示 ===== */
.hp-bottom-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 28px; }
.hp-hot-list { display: flex; flex-direction: column; gap: 2px; }
.hp-hot-item { display: flex; align-items: center; gap: 16px; padding: 14px 16px; background: #fff; border-radius: 10px; transition: all 0.3s; }
.hp-hot-item:hover { background: #FDF6E4; transform: translateX(4px); }
.hp-hot-rank { width: 28px; height: 28px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; flex-shrink: 0; background: #E8DDC8; color: #999; }
.hp-hot-item:nth-child(1) .hp-hot-rank { background: #FF6B6B; color: #fff; }
.hp-hot-item:nth-child(2) .hp-hot-rank { background: #FFA94D; color: #fff; }
.hp-hot-item:nth-child(3) .hp-hot-rank { background: #FFD43B; color: #fff; }
.hp-hot-info { flex: 1; min-width: 0; }
.hp-hot-title { font-size: 14px; color: #444; font-weight: 500; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.3s; }
.hp-hot-item:hover .hp-hot-title { color: #D4A574; }
.hp-hot-meta { display: flex; gap: 12px; font-size: 11px; color: #bbb; }

.hp-bottom-right { display: flex; flex-direction: column; gap: 16px; margin-top: 19%;}
.hp-tip-card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(92,64,51,0.05); }
.hp-tip-title { font-size: 16px; color: #5C4033; font-weight: 600; margin-bottom: 10px; }
.hp-tip-card p { font-size: 13px; color: #777; line-height: 1.8; margin-bottom: 8px; }
.hp-tip-card p:last-child { margin-bottom: 0; }
.hp-tip-warning { background: linear-gradient(135deg, #FFF0F0, #FFE8E8); border: 1px solid #E8A0A0; }
.hp-tip-warning .hp-tip-title { color: #C0392B; }
.hp-tip-warning p { color: #7B3F3F; }
.hp-tip-link { font-size: 13px; color: #C0392B; font-weight: 500; }
.hp-tip-contact { background: linear-gradient(135deg, #F0F7FF, #E8F0FE); border: 1px solid #A0C0E8; }
.hp-tip-contact .hp-tip-title { color: #2C5AA0; }
.hp-contact-email { font-size: 15px !important; color: #2C5AA0 !important; font-weight: 600; }


/* ===== 响应式 ===== */
@media (max-width: 992px) {
  .hp-cat-grid { grid-template-columns: repeat(2, 1fr); }
  .hp-featured-grid { grid-template-columns: 1fr; }
  .hp-tab-articles { grid-template-columns: repeat(2, 1fr); }
  .hp-bottom-grid { grid-template-columns: 1fr; }
  .hp-footer-content { grid-template-columns: 1fr 1fr; }
  .hp-bottom-right{margin: 0;}
}

@media (max-width: 768px) {
  .hp-nav { position: fixed; top: 64px; left: 0; right: 0; background: #fff; padding: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.1); transform: translateY(-120%); transition: transform 0.3s; max-height: calc(100vh - 64px); overflow-y: auto; }
  .hp-nav.mobile-show { transform: translateY(0); }
  .hp-nav-list { flex-direction: column; gap: 4px; }
  .hp-subnav { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; padding-left: 16px; display: none; }
  .hp-nav-item.active .hp-subnav { display: block; }
  .hp-mobile-toggle { display: flex; }
  .hp-search-box { display: none; }

  .hp-hero { padding: 100px 0 50px; }
  .hp-hero-title { font-size: 26px; }
  .hp-hero-subtitle { font-size: 14px; }
  .hp-hero-search-input { padding: 12px 18px; font-size: 14px; }
  .hp-hero-search-btn { padding: 12px 20px; font-size: 14px; }

  .hp-section { padding: 40px 0; }
  .hp-section-title { font-size: 20px; }
  .hp-cat-grid { grid-template-columns: 1fr; }
  .hp-tab-articles { grid-template-columns: 1fr; }
  .hp-tab-btn { padding: 8px 14px; font-size: 13px; }
  .hp-featured-main-img { height: 200px; }
  .hp-footer-content { grid-template-columns: 1fr; gap: 24px; }
  .hp-hero-decor { display: none; }
  .hp-bottom-right{margin: 0;}
}

@media (max-width: 480px) {
  .hp-hero-title { font-size: 22px; }
  .hp-featured-item { flex-direction: column; }
  .hp-featured-item-img { width: 100%; height: 140px; }
  .hp-hot-title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .hp-bottom-right{margin: 0;}
}



/* =====主栏目css样式===== */

.yt-wrapper {max-width: 1100px;margin: 0 auto;padding: 30px 20px;background: #fff;}

/* ===== 栏目介绍 ===== */
.yt-intro {background: #fff;border: 1px solid #E8E4DC;border-radius: 10px;padding: 24px 28px;margin-bottom: 28px;}
.yt-intro-title {font-size: 18px;color: #5C4033;margin-bottom: 10px;font-weight: 700;display: flex;align-items: center;gap: 8px;}
.yt-intro-title::before {content: '';width: 3px;height: 18px;background: #D4A574;border-radius: 2px;}
.yt-intro-text {font-size: 14px;color: #666;line-height: 1.9;}

/* ===== 子栏目导航（自动适应列数） ===== */
.yt-subnav {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 14px;margin-bottom: 30px;}
.yt-subnav-card {background: #fff;border: 1px solid #E8E4DC;border-radius: 10px;padding: 18px;transition: all 0.3s;}
.yt-subnav-card:hover {border-color: #D4A574;box-shadow: 0 4px 14px rgba(92,64,51,0.08);transform: translateY(-2px);}
.yt-subnav-card a {display: block;color: inherit;text-decoration: none;}
.yt-subnav-icon {width: 44px;height: 44px;background: linear-gradient(135deg, #D4A574, #C4956A);border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #fff;margin-bottom: 12px;overflow: hidden;}
.yt-subnav-icon img {width: 28px;height: 28px;object-fit: contain;}
.yt-subnav-icon span {font-size: 22px;}
.yt-subnav-card h3 {font-size: 15px;color: #5C4033;margin-bottom: 4px;font-weight: 600;}
.yt-subnav-card p {font-size: 12px;color: #999;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.yt-subnav-count {font-size: 11px;color: #D4A574;margin-top: 8px;font-weight: 600;}

/* ===== 主内容区 ===== */
.yt-main {display: grid;grid-template-columns: 1fr 280px;gap: 28px;}

/* ===== 精选文章 ===== */
.yt-featured { margin-bottom: 30px; }
.yt-featured-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;}
.yt-featured-header h2 {font-size: 18px;color: #5C4033;font-weight: 700;}
.yt-featured-header a {font-size: 13px;color: #D4A574;text-decoration: none;}
.yt-featured-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}
.yt-featured-card {background: #fff;border: 1px solid #E8E4DC;border-radius: 10px;overflow: hidden;transition: all 0.3s;}
.yt-featured-card:hover {box-shadow: 0 4px 14px rgba(92,64,51,0.08);transform: translateY(-2px);}
.yt-featured-img {height: 160px;background: linear-gradient(135deg, #D4A574, #8B6914);display: flex;align-items: center;justify-content: center;font-size: 42px;color: rgba(255,255,255,0.4);overflow: hidden;}
.yt-featured-img img {width: 100%;height: 100%;object-fit: cover;}
.yt-featured-img span {font-size: 48px;}
.yt-featured-body { padding: 14px 16px; }
.yt-featured-tag {display: inline-block;background: #F5EDE0;color: #8B6914;padding: 2px 8px;border-radius: 4px;font-size: 11px;margin-bottom: 6px;}
.yt-featured-body h3 {font-size: 15px;color: #333;margin-bottom: 6px;line-height: 1.5;font-weight: 600;}
.yt-featured-body h3 a {color: #333;text-decoration: none;}
.yt-featured-body h3 a:hover { color: #D4A574; }
.yt-featured-body p {font-size: 12px;color: #999;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.yt-featured-meta {display: flex;justify-content: space-between;margin-top: 10px;font-size: 11px;color: #bbb;}

/* ===== 子栏目文章列表 ===== */
.yt-subsection { margin-bottom: 28px; }
.yt-subsection-title {font-size: 16px;color: #5C4033;font-weight: 700;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 2px solid #F0EBE0;display: flex;align-items: center;gap: 6px;}
.yt-subsection-dot {width: 6px;height: 6px;background: #D4A574;border-radius: 50%;}
.yt-more {margin-left: auto;font-size: 12px;color: #D4A574;font-weight: normal;text-decoration: none;}
.yt-article-list {background: #fff;border: 1px solid #E8E4DC;border-radius: 10px;padding: 4px 16px;}
.yt-article-item {display: flex;align-items: center;padding: 12px 0;border-bottom: 1px solid #F0EBE0;gap: 12px;}
.yt-article-item:last-child { border-bottom: none; }
.yt-article-thumb {width: 60px;height: 45px;border-radius: 6px;overflow: hidden;background: #F5EDE0;display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 20px;color: #D4A574;}
.yt-article-thumb img {width: 100%;height: 100%;object-fit: cover;}
.yt-article-info { flex: 1; min-width: 0; }
.yt-article-info h4 {font-size: 14px;color: #333;margin-bottom: 2px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yt-article-info h4 a {color: #333;text-decoration: none;}
.yt-article-info h4 a:hover { color: #D4A574; }
.yt-article-meta { font-size: 11px; color: #bbb; }
.yt-article-type {font-size: 10px;color: #D4A574;background: #FDF6E4;padding: 2px 6px;border-radius: 4px;flex-shrink: 0;}

/* ===== 分页 ===== */
.yt-page {text-align: center;margin-top: 30px;padding: 20px 0;}
.yt-page a,
.yt-page span {display: inline-block;padding: 6px 14px;margin: 0 3px;border: 1px solid #E8E4DC;border-radius: 6px;font-size: 13px;color: #666;text-decoration: none;background: #fff;}
.yt-page a:hover {border-color: #D4A574;color: #D4A574;}
.yt-page .current {background: #D4A574;color: #fff;border-color: #D4A574;}

/* ===== 侧边栏 ===== */
.yt-sidebar .yt-widget {background: #fff;border: 1px solid #E8E4DC;border-radius: 10px;padding: 18px;margin-bottom: 16px;}
.yt-widget h3 {font-size: 15px;color: #5C4033;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 2px solid #F0EBE0;font-weight: 700;}
.yt-hotlist li {list-style: none;padding: 8px 0;border-bottom: 1px dashed #F0EBE0;display: flex;gap: 8px;}
.yt-hotlist li:last-child { border-bottom: none; }
.yt-hot-rank {width: 18px;height: 18px;background: #D4A574;color: #fff;border-radius: 3px;display: flex;align-items: center;justify-content: center;font-size: 10px;font-weight: bold;flex-shrink: 0;}
.yt-hotlist li:nth-child(n+4) .yt-hot-rank { background: #ccc; }
.yt-hotlist a {font-size: 13px;color: #555;line-height: 1.5;text-decoration: none;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.yt-hotlist a:hover { color: #D4A574; }

/* 侧边栏提示框 */
.yt-tipbox {border-radius: 10px;padding: 16px;text-align: center;}
.yt-tipbox-icon { font-size: 28px; margin-bottom: 6px; }
.yt-tipbox h4 { font-size: 14px; margin-bottom: 5px; }
.yt-tipbox p { font-size: 12px; line-height: 1.6; }

.yt-tipbox.warm { background: linear-gradient(135deg, #FFF8E7, #FFF0D4); }
.yt-tipbox.warm h4 { color: #8B6914; }
.yt-tipbox.warm p { color: #A08050; }

.yt-tipbox.cool { background: linear-gradient(135deg, #E8EFF5, #DCE5EE); }
.yt-tipbox.cool h4 { color: #3A6B8C; }
.yt-tipbox.cool p { color: #5A7A9A; }

.yt-tipbox.red { background: linear-gradient(135deg, #FFF0F0, #FFE8E8); }
.yt-tipbox.red h4 { color: #C0392B; }
.yt-tipbox.red p { color: #7B3F3F; }

.yt-tipbox.checklist { background: linear-gradient(135deg, #FFF8E7, #FFF0D4); text-align: left; }
.yt-tipbox.checklist .yt-tipbox-icon { text-align: center; }
.yt-tipbox.checklist h4 { color: #8B6914; text-align: center; }
.yt-tipbox.checklist ul { list-style: none; padding: 0; }
.yt-tipbox.checklist li {font-size: 12px;color: #A08050;padding: 4px 0;padding-left: 18px;position: relative;}
.yt-tipbox.checklist li::before {content: '✓';position: absolute;left: 0;color: #C4956A;font-weight: bold;}

/* ===== 默认图标（无图片时显示） ===== */
.yt-icon-default {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;font-size: 18px;font-weight: bold;color: rgba(255,255,255,0.6);}
.yt-featured-img .yt-icon-default { font-size: 36px; }
.yt-article-thumb .yt-icon-default { font-size: 16px; color: #D4A574; }

/* ===== 响应式 ===== */
@media (max-width: 900px) {
.yt-main { grid-template-columns: 1fr; }
.yt-featured-grid { grid-template-columns: 1fr; }
.yt-subnav { grid-template-columns: repeat(2, 1fr); }
.hp-bottom-right{margin: 0;}
}
@media (max-width: 600px) {
.yt-subnav { grid-template-columns: 1fr; }
.yt-article-thumb { display: none; }
.hp-bottom-right{margin: 0;}
}
/*主栏目结束*/


/* ========== 一、子栏目列表页样式（sl-前缀） ========== */

/* 栏目介绍区 */
.sl-header { background: linear-gradient(135deg, #FAF7F2, #F5EFE6); padding: 32px 40px; border-radius: 12px; margin-bottom: 24px; border-left: 4px solid #D4A574; position: relative; overflow: hidden; }
.sl-header::after { content: ''; position: absolute; right: -30px; top: -30px; width: 120px; height: 120px; background: radial-gradient(circle, rgba(212,165,116,0.15), transparent); border-radius: 50%; }
.sl-header-inner { display: flex; align-items: flex-start; gap: 20px; position: relative; z-index: 1; }
.sl-header-icon { width: 56px; height: 56px; background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: 0 2px 8px rgba(92,64,51,0.1); flex-shrink: 0; }
.sl-header-icon img { width: 40px; height: 40px; object-fit: contain; }
.sl-header-text { flex: 1; }
.sl-header-title { font-size: 24px; color: #5C4033; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.sl-header-title .sl-back { font-size: 13px; color: #999; font-weight: normal; text-decoration: none; transition: color 0.3s; }
.sl-header-title .sl-back:hover { color: #D4A574; }
.sl-header-desc { font-size: 14px; color: #666; line-height: 1.7; }

/* 主内容区 */
.sl-main { display: flex; gap: 28px; align-items: flex-start; }
.sl-content { flex: 1; min-width: 0; }
.sl-sidebar { width: 280px; flex-shrink: 0; }

/* 文章列表 */
.sl-article-list { display: flex; flex-direction: column; gap: 16px; }
.sl-article-card { display: flex; gap: 20px; background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(92,64,51,0.05); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid transparent; cursor: pointer; }
.sl-article-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(92,64,51,0.12); border-color: #E8DDC8; }
.sl-article-thumb { width: 200px; height: 130px; border-radius: 8px; overflow: hidden; flex-shrink: 0; background: #FAF7F2; position: relative; }
.sl-article-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.sl-article-card:hover .sl-article-thumb img { transform: scale(1.08); }
.sl-article-thumb .sl-thumb-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px; background: linear-gradient(135deg, #F5EFE6, #EDE5D8); }
.sl-article-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sl-article-top { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.sl-article-type { font-size: 11px; padding: 2px 8px; border-radius: 4px; font-weight: 600; flex-shrink: 0; }
/*文章类型着色*/
.sl-type-科普,.ad-type-科普 { background:#E8F0FE; color:#1A73E8; border-color:#C6DBFE; }
.sl-type-指南,.ad-type-指南 { background:#E6F4EA; color:#1E8E3E; border-color:#B7E0C2; }
.sl-type-深度,.ad-type-深度 { background:#E3EAFD; color:#2B50C7; border-color:#B8C8F5; }
.sl-type-实操,.ad-type-实操 { background:#E8F5E9; color:#2E7D32; border-color:#A5D6A7; }
.sl-type-观察,.ad-type-观察 { background:#FFF4E5; color:#D87C00; border-color:#FBE0B0; }
.sl-type-资讯,.ad-type-资讯 { background:#FEF3E0; color:#E8710A; border-color:#FCD9A4; }
.sl-type-辟谣,.ad-type-辟谣 { background:#FCE8E6; color:#D93025; border-color:#F5B7B1; }
.sl-type-问答,.ad-type-问答 { background:#F3E8FD; color:#7B1FA2; border-color:#E1BEE7; }
.sl-type-解读,.ad-type-解读 { background:#EDF2FF; color:#3949AB; border-color:#C5CAE9; }
.sl-type-对比,.ad-type-对比 { background:#EDE7F6; color:#5E35B1; border-color:#D1C4E9; }
.sl-type-清单,.ad-type-清单 { background:#E0F2F1; color:#00695C; border-color:#B2DFDB; }
.sl-type-食谱,.ad-type-食谱 { background:#F1F8E9; color:#558B2F; border-color:#C5E1A5; }
.sl-type-百科,.ad-type-百科 { background:#E6F3FF; color:#0277BD; border-color:#B3E0FC; }
.sl-type-速查,.ad-type-速查 { background:#FCE4EC; color:#AD1457; border-color:#F8BBD0; }
.sl-type-专题,.ad-type-专题 { background:#FCE4EC; color:#C2185B; border-color:#F8BBD0; }
.sl-type-案例,.ad-type-案例 { background:#FFF8E1; color:#F9A825; border-color:#FFE082; }
.sl-type-预警,.ad-type-预警 { background:#FFEBEE; color:#C62828; border-color:#EF9A9A; }
.sl-type-综述,.ad-type-综述 { background:#E1F5FE; color:#01579B; border-color:#B3E5FC; }

.sl-article-date { font-size: 12px; color: #999; }
.sl-article-title { font-size: 17px; color: #333; font-weight: 600; margin-bottom: 8px; line-height: 1.5; transition: color 0.3s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sl-article-card:hover .sl-article-title { color: #D4A574; }
.sl-article-title a { color: inherit; text-decoration: none; }
.sl-article-desc { font-size: 13px; color: #777; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex: 1; }
.sl-article-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; font-size: 12px; color: #aaa; }
.sl-article-footer .sl-views { display: flex; align-items: center; gap: 4px; }



/* 侧边栏 */
.sl-widget { background: #fff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(92,64,51,0.05); }
.sl-widget-title { font-size: 16px; color: #5C4033; font-weight: 700; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid #F0E6D3; display: flex; align-items: center; gap: 8px; }
.sl-widget-title::before { content: ''; width: 4px; height: 16px; background: #D4A574; border-radius: 2px; }

/* 热门文章 */
.sl-hot-list { list-style: none; padding: 0; margin: 0; }
.sl-hot-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px dashed #F0E6D3; transition: all 0.3s; }
.sl-hot-item:last-child { border-bottom: none; }
.sl-hot-item:hover { padding-left: 6px; }
.sl-hot-rank { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; }
.sl-hot-item:nth-child(1) .sl-hot-rank { background: #FF6B6B; color: #fff; }
.sl-hot-item:nth-child(2) .sl-hot-rank { background: #FFA94D; color: #fff; }
.sl-hot-item:nth-child(3) .sl-hot-rank { background: #FFD43B; color: #fff; }
.sl-hot-item:nth-child(n+4) .sl-hot-rank { background: #E8DDC8; color: #999; }
.sl-hot-title { font-size: 13px; color: #555; line-height: 1.5; text-decoration: none; transition: color 0.3s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sl-hot-item:hover .sl-hot-title { color: #D4A574; }

/* 提示框 */
.sl-tipbox { background: linear-gradient(135deg, #FFF8E7, #FFF3D6); border: 1px solid #E8D5A3; border-radius: 12px; padding: 18px; }
.sl-tipbox h4 { font-size: 14px; color: #8B6914; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
.sl-tipbox p { font-size: 12px; color: #7A6B3E; line-height: 1.7; margin: 0; }

/* 空状态 */
.sl-empty { text-align: center; padding: 60px 20px; color: #999; }
.sl-empty-icon { font-size: 48px; margin-bottom: 16px; opacity: 0.5; }
.sl-empty p { font-size: 14px; }


/* ========== 二、文章详情页样式（ad-前缀） ========== */

/* 面包屑 */
.ad-breadcrumb { font-size: 13px; color: #999; margin-bottom: 20px; padding: 12px 16px; background: #FAF7F2; border-radius: 8px; }
.ad-breadcrumb a { color: #888; text-decoration: none; transition: color 0.3s; }
.ad-breadcrumb a:hover { color: #D4A574; }
.ad-breadcrumb span { margin: 0 6px; color: #ccc; }

/* 文章头部 */
.ad-header { background: #fff; border-radius: 12px; padding: 32px 36px; margin-bottom: 24px; box-shadow: 0 2px 10px rgba(92,64,51,0.05); }
.ad-type-tag { display: inline-block; font-size: 12px; padding: 3px 10px; border-radius: 4px; font-weight: 600; margin-bottom: 14px; }
.ad-title { font-size: 26px; color: #333; font-weight: 700; line-height: 1.5; margin: 0 0 16px 0; }
.ad-meta { display: flex; flex-wrap: wrap; gap: 20px; font-size: 13px; color: #999; padding-top: 14px; /*border-top: 1px solid #F0E6D3;*/ }
.ad-meta span { display: flex; align-items: center; gap: 4px; }

/* 主内容区 */
.ad-main { display: flex; gap: 28px; align-items: flex-start; }
.ad-content-wrap { flex: 1; min-width: 0; }
.ad-sidebar { width: 280px; flex-shrink: 0; position: sticky; top: 20px; }

/* 摘要板块 */
.summary-box { background: linear-gradient(135deg, #FDF6E4 0%, #fff 100%); border-radius: 10px; padding: 20px 24px; border: 1px solid #f0e6d2; }
.summary-box .ad-meta { display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 14px; font-size: 13px; color: #888; }
.summary-box .excerpt { font-size: 14px; color: #666; line-height: 1.75; }
.summary-box .article-tags { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.summary-box .tags-zhai { font-size: 12px; padding: 3px 12px; background: #fff; border: 1px solid #e8dcc8; border-radius: 12px; color: #5C4033; }

/* 文章正文 */
.ad-content { background: #fff; border-radius: 12px; padding: 36px; box-shadow: 0 2px 10px rgba(92,64,51,0.05); margin-bottom: 24px; line-height: 1.9; font-size: 15px; color: #444; }
.ad-content h2 { font-size: 20px; color: #5C4033; font-weight: 700; margin: 32px 0 16px 0; padding-left: 12px; border-left: 4px solid #D4A574; line-height: 1.5; }
.ad-content h3 { font-size: 17px; color: #5C4033; font-weight: 600; margin: 24px 0 12px 0; }
.ad-content p { margin-bottom: 16px; text-align: justify; }
.ad-content ul, .ad-content ol { margin: 0 0 16px 0; padding-left: 24px; }
.ad-content li { margin-bottom: 8px; line-height: 1.8; }
.ad-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 16px 0; display: block; transition: transform 0.3s, box-shadow 0.3s; }
.ad-content img:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
.ad-content blockquote { background: #FAF7F2; border-left: 4px solid #D4A574; padding: 16px 20px; margin: 20px 0; border-radius: 0 8px 8px 0; color: #666; font-size: 14px; }
.ad-content blockquote p { margin: 0; }
.ad-content a { color: #D4A574; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.3s; }
.ad-content a:hover { border-bottom-color: #D4A574; }
.ad-content strong { color: #5C4033; }
.ad-content table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
.ad-content th, .ad-content td { border: 1px solid #E8DDC8; padding: 10px 14px; text-align: left; }
.ad-content th { background: #FAF7F2; color: #5C4033; font-weight: 600; }
.ad-content tr:nth-child(even) { background: #FDFAF5; }

/* 文章底部免责声明 */
.ad-disclaimer { background: linear-gradient(135deg, #FFF8E7, #FFF3D6); border: 1px solid #E8D5A3; border-radius: 10px; padding: 18px 22px; margin-top: 24px; }
.ad-disclaimer h4 { font-size: 14px; color: #8B6914; margin: 0 0 8px 0; display: flex; align-items: center; gap: 6px; }
.ad-disclaimer p { font-size: 12px; color: #7A6B3E; line-height: 1.7; margin: 0; }

/* 上一篇/下一篇 */
.ad-prev-next { display: flex; gap: 16px; margin-bottom: 24px; }
.ad-pn-card { flex: 1; background: #fff; border-radius: 10px; padding: 16px 20px; box-shadow: 0 2px 8px rgba(92,64,51,0.05); transition: all 0.3s; cursor: pointer; border: 1px solid transparent; }
.ad-pn-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(92,64,51,0.1); border-color: #E8DDC8; }
.ad-pn-label { font-size: 12px; color: #999; margin-bottom: 6px; }
.ad-pn-title { font-size: 14px; color: #555; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.ad-pn-card:hover .ad-pn-title { color: #D4A574; }
.ad-pn-next { text-align: right; }

/* 相关文章 */
.ad-related { background: #fff; border-radius: 12px; padding: 24px 28px; box-shadow: 0 2px 10px rgba(92,64,51,0.05); margin-bottom: 24px; }
.ad-related-title { font-size: 18px; color: #5C4033; font-weight: 700; margin: 0 0 18px 0; padding-bottom: 12px; border-bottom: 2px solid #F0E6D3; display: flex; align-items: center; gap: 8px; }
.ad-related-title::before { content: ''; width: 4px; height: 18px; background: #D4A574; border-radius: 2px; }
.ad-related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.ad-widget .ad-hot-list .ad-hot-item a,.ad-related-grid a{color: #333;font-weight: bold;}
.ad-widget .ad-hot-list .ad-hot-item a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ad-widget .ad-hot-list .ad-hot-item a:hover,.ad-related-grid a:hover{color: #D4A574;}
.ad-related-item { display: flex; gap: 12px; padding: 12px; border-radius: 8px; transition: all 0.3s; cursor: pointer; }
.ad-related-item:hover { background: #FAF7F2; }
.ad-related-thumb { width: 80px; height: 60px; border-radius: 6px; background: #F5EFE6; display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; overflow: hidden; }
.ad-related-grid .ad-related-item .ad-related-thumb a{width: 100%; height: 100%;}
.ad-related-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ad-related-info { flex: 1; min-width: 0; }
.ad-related-item-title { font-size: 13px; color: #555; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.ad-related-item:hover .ad-related-item-title { color: #D4A574; }
.ad-related-item-date { font-size: 11px; color: #bbb; margin-top: 4px; }

/* 侧边栏 */
.ad-widget { background: #fff; border-radius: 12px; padding: 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(92,64,51,0.05); }
.ad-widget-title { font-size: 16px; color: #5C4033; font-weight: 700; margin: 0 0 16px 0; padding-bottom: 10px; border-bottom: 2px solid #F0E6D3; display: flex; align-items: center; gap: 8px; }
.ad-widget-title::before { content: ''; width: 4px; height: 16px; background: #D4A574; border-radius: 2px; }
.ad-widget-title a{color: #5C4033;}
.ad-widget-title a:hover{color: #009688;}

/* 热门文章 */
.ad-hot-list { list-style: none; padding: 0; margin: 0; }
.ad-hot-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px dashed #F0E6D3; transition: all 0.3s; }
.ad-hot-item:last-child { border-bottom: none; }
.ad-hot-item:hover { padding-left: 6px; }
.ad-hot-rank { width: 22px; height: 22px; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; }
.ad-hot-item:nth-child(1) .ad-hot-rank { background: #FF6B6B; color: #fff; }
.ad-hot-item:nth-child(2) .ad-hot-rank { background: #FFA94D; color: #fff; }
.ad-hot-item:nth-child(3) .ad-hot-rank { background: #FFD43B; color: #fff; }
.ad-hot-item:nth-child(n+4) .ad-hot-rank { background: #E8DDC8; color: #999; }
.ad-hot-title { font-size: 13px; color: #555; line-height: 1.5; text-decoration: none; transition: color 0.3s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; }
.ad-hot-item:hover .ad-hot-title { color: #D4A574; }

/* 栏目导航 */
.ad-cat-list { list-style: none; padding: 0; margin: 0; }
.ad-cat-item { padding: 5px 12px; border-radius: 8px; font-size: 13px; color: #666; transition: all 0.3s; cursor: pointer; display: flex; justify-content: space-between; align-items: center;margin: 10px auto;}
.ad-cat-item:hover { background: #5C4033; color: #fff; padding-left: 18px; }
.ad-cat-item.active { background: #5C4033; color: #fff; }
.ad-cat-item .ad-cat-count { font-size: 12px; background: #E8DDC8; color: #999; padding: 1px 8px; border-radius: 10px; }
.ad-cat-item.active .ad-cat-count { background: rgba(255,255,255,0.2); color: #fff; }

/* 提示框 */
.ad-tipbox { background: linear-gradient(135deg, #FFF8E7, #FFF3D6); border: 1px solid #E8D5A3; border-radius: 12px; padding: 18px; }
.ad-tipbox h4 { font-size: 14px; color: #8B6914; margin: 0 0 8px 0; display: flex; align-items: center; gap: 6px; }
.ad-tipbox p { font-size: 12px; color: #7A6B3E; line-height: 1.7; margin: 0; }

/* 返回顶部 */
.ad-back-top { position: fixed; bottom: 30px; right: 30px; width: 44px; height: 44px; background: #5C4033; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; box-shadow: 0 4px 12px rgba(92,64,51,0.3); transition: all 0.3s; opacity: 0; visibility: hidden; z-index: 999; }
.ad-back-top.show { opacity: 1; visibility: visible; }
.ad-back-top:hover { background: #D4A574; transform: translateY(-3px); }


/* ========== 三、响应式（共用） ========== */

@media (max-width: 900px) {
  /* 列表页 */
  .sl-main { flex-direction: column; }
  .sl-sidebar { width: 100%; }
  .sl-article-card { flex-direction: column; }
  .sl-article-thumb { width: 100%; height: 180px; }
  .sl-header { padding: 24px 20px; }
  .sl-header-inner { flex-direction: column; }

  /* 详情页 */
  .ad-main { flex-direction: column; }
  .ad-sidebar { width: 100%; position: static; }
  .ad-header, .ad-content { padding: 24px 20px; }
  .ad-title { font-size: 22px; }
  .ad-related-grid { grid-template-columns: 1fr; }
  .ad-prev-next { flex-direction: column; }
}

/* ========== 术语页面 ========== */
/*.gl-scope{--gl-padx:36px;}*/          /* 与 .ad-content 左右内边距一致，用于通栏出血 */
.gl-scope .gl-tools{background: linear-gradient(135deg, #FDF6E4 0%, #fff 100%);border: 1px solid #E8E4DC;border-radius: 12px;padding: 16px;margin: 0 0 26px;position: sticky;top: 100px;z-index: 1;}
.gl-tools-row{display:flex;-webkit-box-align:center;align-items:center;gap:14px;}
.gl-scope .gl-h1{margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid #F0EBE0;font-size:26px;color:#333;line-height:1.45;}
.gl-search{position:relative;-webkit-box-flex:1;-ms-flex:1 1 320px;flex:1 1 320px;min-width:220px;}
.gl-search input{width:100%;height:42px;padding:0 40px;font-size:14.5px;color:#2B2320;font-family:inherit;
  background:#fff;border:1px solid #DFD2C2;border-radius:999px;outline:none;
  transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;appearance:none;}
.gl-search input:focus{border-color:#A9744F;box-shadow:0 0 0 4px rgba(169,116,79,.12);}
.gl-search .gl-ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:15px;height:15px;
  border:2px solid #93826F;border-radius:50%;opacity:.7;}
.gl-search .gl-ico::after{content:"";position:absolute;right:-6px;bottom:-5px;width:8px;height:2px;
  background:#93826F;transform:rotate(45deg);border-radius:2px;}
.gl-search .gl-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;
  border:0;border-radius:50%;background:transparent;color:#93826F;font-size:16px;line-height:1;cursor:pointer;display:none;}
.gl-search .gl-clear:hover{background:#F0EBE0;}
.gl-search.gl-has .gl-clear{display:block;}
.gl-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 2px;}
.gl-chip{display:inline-flex;-webkit-box-align:center;align-items:center;gap:7px;height:32px;padding:0 13px;
  border-radius:999px;cursor:pointer;user-select:none;background:#fff;border:1px solid #DFD2C2;color:#6B584F;
  font-size:13px;white-space:nowrap;transition:border-color .18s,background .18s,color .18s;}
.gl-chip:hover{border-color:#A9744F;color:#5C4033;}
.gl-chip.gl-on{background:#5C4033;border-color:#5C4033;color:#fff;}
.gl-chip .gl-sw{width:8px;height:8px;border-radius:50%;background:#DFD2C2;-webkit-box-flex:0;flex:0 0 auto;}
.gl-chip .gl-n{font-size:11.5px;color:#93826F;}
.gl-chip.gl-on .gl-n{color:rgba(255,255,255,.75);}
.gl-chip.gl-on .gl-sw{background:rgba(255,255,255,.85);}

.gl-group{margin:0 0 30px;}
.gl-group>h2{scroll-margin-top:320px;}
.gl-scope .gl-gintro{font-size:13.5px;color:#999;margin:-8px 0 14px;line-height:1.8;}
.gl-terms{margin:0;border-top:1px solid #F0EBE0;}
.gl-term{display:grid;grid-template-columns:212px 1fr;gap:18px;padding:16px 2px;border-bottom:1px solid #F0EBE0;scroll-margin-top:320px;}
.gl-term dt{margin:0;}
.gl-term .gl-name{display:block;font-size:16px;font-weight:700;color:#333;line-height:1.5;}
.gl-term .gl-en{display:block;font-size:12px;color:#9C8F7F;margin-top:3px;line-height:1.6;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-word;}
.gl-term dd{margin:0;font-size:14px;color:#555;line-height:1.9;}
.gl-tk{display:block;font-size:13px;color:#8B6914;background:#FDF6E4;border-radius:6px;padding:5px 10px;margin:0 0 8px;}
.gl-cite{font-size:.72em;line-height:0;vertical-align:super;white-space:nowrap;}
.gl-cite a{color:#D4A574;font-weight:700;text-decoration:none;padding:0 1px;border-radius:3px;}
.gl-cite a:hover{background:#FDF6E4;color:#8B6914;border-bottom:0;}
.gl-trefs{margin:9px 0 0;font-size:12.5px;color:#999;line-height:2;}
.gl-trefs b{color:#8B6914;font-weight:600;}
.gl-trefs a{color:#D4A574;text-decoration:none;border-bottom:1px dashed #E8DDC8;}
.gl-trefs a:hover{color:#8B6914;border-bottom-color:#D4A574;}
.gl-trefs .gl-sep{color:#DCD3C6;margin:0 5px;}

.gl-refsec{margin:36px 0 0;padding:22px 24px 26px;background:#FAF7F2;border:1px solid #E8E4DC;border-radius:12px;scroll-margin-top:320px;}
.gl-refsec>h2{margin:0 0 6px;padding:0;border:0;font-size:20px;color:#5C4033;font-weight:700;display:flex;align-items:center;gap:10px;}
.gl-refsec>h2 .gl-cnt{font-size:12.5px;color:#999;font-weight:400;}
.gl-refsec .gl-tip{margin:0 0 16px;font-size:13px;color:#999;line-height:1.85;}
.gl-refsec .gl-tip b{color:#8B6914;}
.gl-reflist{list-style:none;margin:0;padding:0;counter-reset:none;}
.gl-ref{position:relative;display:grid;grid-template-columns:56px 1fr;gap:10px;padding:12px 14px;margin:0 0 6px;
  background:#fff;border:1px solid transparent;border-radius:10px;transition:background .25s,border-color .25s;scroll-margin-top:100px;}
.gl-ref .gl-no{font-size:13.5px;font-weight:700;color:#8B6914;}
.gl-ref .gl-nm{margin:0;font-size:13.5px;color:#555;line-height:1.9;}
.gl-ref .gl-nm a{color:#D4A574;text-decoration:underline;text-decoration-color:#E8DDC8;text-underline-offset:3px;border-bottom:0;}
.gl-ref .gl-nm a:hover{color:#8B6914;text-decoration-color:#D4A574;border-bottom:0;}
.gl-ref .gl-nm .gl-out{font-size:11px;margin-left:3px;opacity:.7;}
.gl-ref .gl-cited{margin:5px 0 0;font-size:12px;color:#A99C8C;}
.gl-ref .gl-cited b{color:#8B6914;}
.gl-ref .gl-cited a{color:#D4A574;border-bottom:0;}
.gl-ref.gl-on{background:#FFF8E7;border-color:#E8D5A3;}
.gl-ref.gl-flash{animation:glFlash 2.2s ease;}
@keyframes glFlash{
  0%{background:#FFE6A0;border-color:#D9AE55;box-shadow:0 0 0 6px rgba(212,165,116,.22);}
  55%{background:#FFF8E7;border-color:#E8D5A3;box-shadow:0 0 0 3px rgba(212,165,116,.12);}
  100%{background:#FFF8E7;border-color:#E8D5A3;box-shadow:none;}
}
.gl-empty{padding:60px 20px;text-align:center;color:#A99C8C;border:1px dashed #E8DDC8;border-radius:10px;}
.gl-empty b{display:block;color:#777;font-size:15px;margin-bottom:6px;}

/* 侧栏分类目录（搜索框与计数已移除） */
.ad-sidebar{top:78px;}          /* 与吸顶工具条对齐，避免被固定页头压住 */
.gl-catlist .ad-cat-item{cursor:pointer;}
.gl-catlist .ad-cat-item.active{cursor:default;}
.gl-note{font-size:12px;color:#A99C8C;line-height:1.8;margin:12px 0 0;}
.gl-catlist .ad-cat-item{font-size: 12px;padding: 5px 12px;margin: 5px auto;}

@media(max-width:991px){
  .gl-scope{--gl-padx:20px;}        /* 与 .ad-content 小屏内边距一致 */
  .gl-scope .gl-tools{top:62px;}
  .gl-group>h2,.gl-term,.gl-refsec{scroll-margin-top:300px;}
}
@media(max-width:760px){
  .gl-scope .gl-tools{top:56px;padding:12px 14px;}
  .gl-group>h2,.gl-term,.gl-refsec{scroll-margin-top:325px;}
  .gl-term{grid-template-columns:1fr;gap:6px;}
  .gl-ref{grid-template-columns:1fr;gap:2px;}
  .gl-refsec{padding:18px 14px 20px;}
}
@media print{
  .gl-tools,.ad-sidebar,.action{display:none!important;}
  .gl-term{break-inside:avoid;}
}


/*-- 【2026-10-10 添加】弹窗样式与交互（注释：左右分栏式留言弹窗，蒙版+居中+自适应） */

.yt-msg-fab-btn { cursor: pointer; }
.yt-msg-mask {
 display: none; position: fixed; top:0; left:0; right:0; bottom:0;
 background: rgba(0,0,0,0.5); z-index: 9998; opacity: 0; transition: opacity 0.25s;
}
.yt-msg-mask.show { display: block; opacity: 1; }
.yt-msg-modal {
 display: none; position: fixed; top:50%; left:50%;
 transform: translate(-50%,-50%) scale(0.95); z-index: 9999;
 width: 900px; max-width: 94vw; max-height: 90vh;
 background: #fff; border-radius: 14px; overflow: hidden;
 box-shadow: 0 12px 48px rgba(0,0,0,0.25); opacity: 0;
 transition: transform 0.25s, opacity 0.25s;
}
.yt-msg-modal.show { display: block; opacity: 1; transform: translate(-50%,-50%) scale(1); }
.yt-msg-close {
 position: absolute; top: 14px; right: 16px; z-index: 2;
 width: 34px; height: 34px; border-radius: 50%; border: none;
 background: rgba(255,255,255,0.9); color: #888; font-size: 18px;
 cursor: pointer; line-height: 1; transition: all 0.2s;
}
.yt-msg-close:hover { background: #5C4033; color: #fff; }
.yt-msg-split { display: flex; max-height: 90vh; }
.yt-msg-left {
 width: 280px; flex-shrink: 0; padding: 36px 28px; color: #fff;
 background: linear-gradient(160deg, #5C4033 0%, #8B6F47 100%);
}
.yt-msg-left h3 { font-size: 19px; margin-bottom: 14px; }
.yt-msg-left p { font-size: 13px; opacity: 0.9; line-height: 1.8; margin-bottom: 18px; }
.yt-msg-contact { font-size: 13px; margin-bottom: 10px; opacity: 0.95; }
.yt-msg-right { flex: 1; padding: 32px 34px; overflow-y: auto; }
.yt-form-group { margin-bottom: 14px; }
.yt-form-group label { display: block; font-size: 13px; color: #555; margin-bottom: 5px; font-weight: 500; }
.yt-req { color: #c0392b; }
.yt-form-control {
 width: 100%; padding: 9px 12px; border: 1px solid #ddd; border-radius: 6px;
 font-size: 14px; outline: none; transition: border-color 0.2s; font-family: inherit;
}
.yt-form-control:focus { border-color: #5C4033; box-shadow: 0 0 0 3px rgba(92,64,51,0.1); }
textarea.yt-form-control { resize: vertical; }
.yt-btn-submit {
 width: 100%; padding: 11px; background: #5C4033; color: #fff;
 border: none; border-radius: 6px; font-size: 15px; cursor: pointer; transition: background 0.2s;
}
.yt-btn-submit:hover { background: #4a3428; }
.yt-form-tip { font-size: 12px; color: #aaa; margin-top: 10px; line-height: 1.6; }
/* 留言类型说明 */
.yt-type-desc { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.2); font-size: 12px; line-height: 1.7; }
.yt-type-desc-title { font-weight: 600; margin-bottom: 8px; font-size: 13px; }
.yt-type-desc div { margin-bottom: 4px; opacity: 0.92; }
.yt-type-desc b { opacity: 1; }
/* 验证码行 */
.yt-captcha-row { display: flex; gap: 10px; align-items: stretch; }
.yt-captcha-row .yt-form-control { flex: 1; }
.yt-captcha-img { height: 40px; width: 150px; border-radius: 6px; cursor: pointer; object-fit: cover; border: 1px solid #ddd; }
/* 自适应：小屏左右分栏改为上下堆叠 */
@media (max-width: 640px) {
 .yt-msg-split { flex-direction: column; }
 .yt-msg-left { width: 100%; padding: 22px 20px; }
 .yt-msg-left p, .yt-msg-contact { display: inline-block; margin-right: 14px; }
 .yt-msg-right { padding: 20px; }
}