/* 公共CSS - 所有静态页面共用 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:#f5f6fa;color:#333;line-height:1.6}
.public-layout{min-height:100vh;display:flex;flex-direction:column}

/* 顶部导航 */
.public-header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:100}
.header-inner{max-width:1200px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.header-left{display:flex;align-items:center;gap:10px;cursor:pointer}
.site-logo{height:36px;max-width:180px}
.site-name{font-size:20px;font-weight:700;color:#1a1a2e}
.header-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nav-link{padding:8px 14px;font-size:14px;color:#333;text-decoration:none;border-radius:6px;transition:all .2s}
.nav-link:hover,.nav-link.active{color:#409eff;background:#ecf5ff}
.header-right{display:flex;align-items:center;gap:8px}
.member-link{font-size:13px;color:#409eff;text-decoration:none}
.member-link:hover{color:#66b1ff}

/* 主体内容 */
.public-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px}

/* 广告 */
.public-ad-container{max-width:1200px;margin:8px auto;padding:0 20px;display:flex;gap:12px;justify-content:center}
.ad-item img{max-width:100%;border-radius:6px}
.ad-item .ad-text{display:block;padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:14px;text-align:center}

/* 页脚 */
.public-footer{background:#1a1a2e;color:#a0a0b0;margin-top:auto}
.footer-inner{max-width:1200px;margin:0 auto;padding:30px 20px;text-align:center}
.footer-slogan{margin-bottom:16px}
.slogan-main{font-size:18px;font-weight:600;color:#e0e0e0;margin:0 0 6px}
.slogan-sub{font-size:14px;color:#a0a0b0;margin:0}
.footer-info{display:flex;justify-content:center;gap:20px;font-size:12px;flex-wrap:wrap}
.footer-info a{color:#a0a0b0;text-decoration:none}
.footer-info a:hover{color:#409eff}

/* ===== 首页样式 ===== */
.home-page{max-width:860px;margin:0 auto}
.hero-banner{text-align:center;padding:40px 20px 32px}
.hero-banner .hero-title{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 10px 0}
.hero-banner .hero-subtitle{font-size:15px;color:#909399;margin:0}

/* 搜索栏 */
.search-bar{max-width:500px;margin:0 auto 32px}
.search-form{display:flex;align-items:stretch}
.search-input{flex:1;padding:10px 16px;border:1px solid #dcdfe6;border-right:none;border-radius:8px 0 0 8px;font-size:14px;outline:none;transition:border-color .2s}
.search-input:focus{border-color:#409eff}
.search-btn{padding:0 16px;background:#f5f7fa;color:#606266;border:1px solid #dcdfe6;border-radius:0 8px 8px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.search-btn:hover{background:#e4e7ed;color:#409eff}

/* 首页区块 */
.home-section{margin:0 auto 40px;max-width:860px}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.section-header h2{margin:0;font-size:20px;font-weight:600;color:#1a1a2e}
.section-more{color:#409eff;text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;background:#ecf5ff;transition:all .2s}
.section-more:hover{background:#409eff;color:#fff}

/* 卡片网格 */
.section-grid{display:grid;gap:14px}
.section-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;display:block}
.section-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}

/* 小说卡片 */
.novel-grid{grid-template-columns:repeat(4,1fr)}
.card-cover-sm{position:relative;height:180px;overflow:hidden;background:#f5f6fa;display:flex;align-items:center;justify-content:center}
.card-cover-sm img{max-width:100%;max-height:100%;object-fit:contain}
.card-status{position:absolute;top:6px;right:6px;padding:2px 8px;border-radius:4px;font-size:11px;color:#fff}
.card-status.ongoing{background:#e6a23c}
.card-status.done{background:#67c23a}
.card-info{padding:10px 12px}
.card-info h4{margin:0 0 4px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c3e50}
.card-info p{margin:0;color:#999;font-size:12px}

/* 诗词卡片 - 通用基础样式（首页用） */
.poetry-grid{grid-template-columns:repeat(4,1fr)}
.poetry-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);text-decoration:none;color:inherit;display:block;transition:transform .2s,box-shadow .2s}
.poetry-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.poetry-card h4{margin:0 0 6px;font-size:15px;color:#2c3e50}
.poetry-poet{color:#999;font-size:12px;margin:0 0 8px}
.poetry-excerpt{color:#666;font-size:13px;line-height:1.6;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

/* 诗词卡片 - 列表页增强样式（带顶部颜色条） */
.poetry-list-page .poetry-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.poetry-list-page .poetry-card{border-radius:12px;padding:0;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.poetry-list-page .poetry-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12)}
.poetry-list-page .poetry-card-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:#fff;font-size:14px}
.poetry-list-page .poetry-card-style{font-weight:600}
.poetry-list-page .poetry-card-views{opacity:.9}
.poetry-list-page .poetry-card-body{padding:20px 24px 24px}
.poetry-list-page .poetry-card h3{margin:0 0 10px;font-size:20px;font-weight:600;color:#2c3e50}
.poetry-list-page .poetry-card .poetry-poet{color:#999;font-size:14px;margin:0 0 16px}
.poetry-list-page .poetry-card .poetry-excerpt{color:#666;font-size:15px;line-height:1.8;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

/* 下载卡片 */
.download-grid{grid-template-columns:repeat(4,1fr)}
.download-card{padding:16px}
.download-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.download-card-header h4{margin:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2c3e50}
.download-desc{color:#666;font-size:13px;line-height:1.5;margin:0 0 10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.download-meta{display:flex;gap:12px;color:#bbb;font-size:12px}

/* 防裂图样式 */
.cover-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  color:rgba(255,255,255,.95);
  font-size:48px;
  font-weight:600;
  text-shadow:0 2px 8px rgba(0,0,0,.18);
}
.cover-placeholder.char-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}
.cover-placeholder.char-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}
.cover-placeholder.char-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}
.cover-placeholder.char-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}
.cover-placeholder.char-6{background:linear-gradient(135deg,#5ee7df 0%,#b490ca 100%)}
.cover-placeholder.char-7{background:linear-gradient(135deg,#a8c0ff 0%,#3f2b96 100%)}
.cover-placeholder.char-8{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)}

/* ===== 小说列表页样式 ===== */
.category-tabs { margin: 0 0 30px; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.category-tabs .tab { padding: 6px 16px; background: #f5f5f5; color: #666; border-radius: 20px; font-size: 14px; cursor: pointer; }
.category-tabs .tab.active { background: #409eff; color: #fff; }
.novel-list-page .novel-grid { display: grid; grid-template-columns: repeat(auto-fill, 200px); gap: 20px; justify-content: center; }
.novel-list-page .novel-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.06); cursor: pointer; transition: transform .2s; text-decoration: none; color: inherit; display: block; }
.novel-list-page .novel-card:hover { transform: translateY(-4px); box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.novel-list-page .novel-cover { position: relative; height: 260px; overflow: hidden; background: #f5f5f5; }
.novel-list-page .novel-cover .cover-img { width: 100%; height: 100%; object-fit: contain; background: #f5f5f5; }
.novel-list-page .novel-status { position: absolute; top: 8px; right: 8px; padding: 2px 8px; border-radius: 4px; font-size: 12px; color: #fff; z-index: 2; background: #67c23a; }
.novel-list-page .novel-info { padding: 12px; }
.novel-list-page .novel-info h3 { margin: 0 0 4px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.novel-list-page .novel-author { color: #999; font-size: 13px; margin: 0 0 4px; }
.novel-list-page .novel-meta { color: #999; font-size: 12px; margin: 0; }
.novel-list-page .novel-meta-item { margin-left: 10px; }

/* ===== 空状态样式 ===== */
.empty-state { text-align: center; padding: 80px 20px; }
.empty-state .empty-text { font-size: 16px; color: #999; }
.dynasty-filter { margin: 0 0 30px; display: flex; justify-content: center; }
.dynasty-list { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.dynasty-tag { padding: 6px 16px; background: #f5f7fa; border-radius: 20px; text-decoration: none; color: #606266; font-size: 14px; transition: all .2s; }
.dynasty-tag:hover { background: #e6e8eb; }
.dynasty-tag.active { background: #409eff; color: #fff; }

/* 诗词搜索框 */
.poetry-search { max-width: 600px; margin: 0 auto 30px; display: flex; gap: 10px; }
.poetry-search input { flex: 1; padding: 10px 16px; border: 1px solid #dcdfe6; border-radius: 8px; font-size: 14px; outline: none; transition: border-color .2s; }
.poetry-search input:focus { border-color: #409eff; }
.poetry-search button { padding: 10px 24px; background: #409eff; color: #fff; border: none; border-radius: 8px; font-size: 14px; cursor: pointer; transition: background .2s; }
.poetry-search button:hover { background: #66b1ff; }
.poetry-list-page .poetry-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.poetry-list-page .poetry-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,.08); cursor: pointer; transition: transform .2s, box-shadow .2s; text-decoration: none; color: inherit; display: block; }
.poetry-list-page .poetry-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.poetry-list-page .poetry-card-top { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; color: #fff; font-size: 14px; }
.poetry-list-page .poetry-card-style { font-weight: 600; }
.poetry-list-page .poetry-card-views { opacity: .9; }
.poetry-list-page .poetry-card-body { padding: 20px 24px 24px; }
.poetry-list-page .poetry-card h3 { margin: 0 0 10px; font-size: 20px; font-weight: 600; color: #2c3e50; }
.poetry-list-page .poetry-card .poetry-poet { color: #999; font-size: 14px; margin: 0 0 16px; }
.poetry-list-page .poetry-card .poetry-excerpt { color: #666; font-size: 15px; line-height: 1.8; margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

/* ===== 专题列表页样式 ===== */
.topic-list-page .topic-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.topic-list-page .topic-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.06); cursor: pointer; transition: transform .2s; text-decoration: none; color: inherit; display: block; }
.topic-list-page .topic-card:hover { transform: translateY(-4px); box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.topic-list-page .topic-card .topic-cover { height: 160px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; font-weight: bold; }
.topic-list-page .topic-card .topic-info { padding: 16px; }
.topic-list-page .topic-card h3 { margin: 0 0 8px; font-size: 18px; }
.topic-list-page .topic-card p { color: #999; font-size: 14px; margin: 0; }

/* ===== 小说详情页样式 ===== */
.novel-detail { max-width: 1200px; margin: 0 auto; padding: 20px; }
.novel-header { display: flex; gap: 30px; margin-bottom: 30px; }
.novel-cover-wrap { position: relative; flex-shrink: 0; }
.novel-cover { width: 200px; height: 280px; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.cover-placeholder.novel-cover { display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; font-size: 64px; font-weight: 600; }
.novel-info { flex: 1; }
.novel-info h1 { font-size: 28px; margin: 0 0 15px; color: #2c3e50; }
.novel-info p { margin: 0 0 8px; color: #666; font-size: 14px; line-height: 1.6; }
.novel-info .author { color: #999; }
.novel-info .meta-item { margin-left: 10px; }
.divider { border-top: 1px solid #e0e0e0; margin: 30px 0; }
.section-header-margin { margin-top: 32px; }

/* 章节目录 */
.section-header { margin-bottom: 20px; }
.section-header h2 { font-size: 20px; margin: 0; color: #2c3e50; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; }
.chapter-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px 20px; }
.chapter-item { padding: 8px 0; color: #333; font-size: 14px; text-decoration: none; transition: color .2s; }
.chapter-item:hover { color: #409eff; }
.chapter-item.latest { color: #333; font-weight: 500; }

/* 最新章节标题 */
.latest-chapter-header { margin-top: 32px; }
.latest-chapter-title { color: #e6a23c; border-bottom: none; text-align: center; flex: 1; }
.sort-btn { font-size: 14px; color: #999; cursor: pointer; }

/* 章节内容样式 */
.chapter-detail { max-width: 800px; margin: 0 auto; padding: 24px 16px; }
.chapter-detail .article-title { font-size: 20px; font-weight: 600; line-height: 1.5; margin: 0 0 24px; word-break: break-word; }
.chapter-detail .chapter-breadcrumb { display: none; }
.chapter-detail .chapter-nav { display: flex; justify-content: center; align-items: center; gap: 16px; margin: 24px 0; padding-bottom: 12px; border-bottom: 1px solid #eee; }
.chapter-detail .chapter-nav-link { padding: 10px 16px; background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; text-decoration: none; color: #666; font-size: 14px; display: flex; flex-direction: row; align-items: center; gap: 8px; max-width: 240px; transition: all .2s; }
.chapter-detail .chapter-nav-link:hover { border-color: #409eff; color: #409eff; }
.chapter-detail .chapter-nav-link .nav-label { font-size: 14px; color: #999; flex-shrink: 0; }
.chapter-detail .chapter-nav-link .nav-title { font-size: 14px; color: #333; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chapter-detail .article-content { line-height: 2.2; font-size: 16px; color: #333; min-height: 300px; word-break: break-word; white-space: pre-line; }
.chapter-detail .article-content p { margin: 0 0 2em; }
.chapter-detail .article-content img { max-width: 100%; height: auto; border-radius: 6px; }

/* ===== 栏目页/内容页样式 ===== */
.category-page .section-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.category-page .section-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.06); text-decoration: none; color: inherit; display: block; transition: transform .2s; }
.category-page .section-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.category-page .section-card .card-body { padding: 16px; }
.category-page .section-card h3 { margin: 0 0 8px; font-size: 16px; }
.category-page .section-card p { color: #999; font-size: 14px; margin: 0; }

/* ===== 页面头部样式 ===== */
.page-header { text-align: center; padding: 40px 20px 20px; }
.page-title { font-size: 32px; font-weight: 600; color: #2c3e50; margin: 0 0 10px; }
.page-desc { font-size: 16px; color: #999; margin: 0; }

/* ===== 搜索框样式 ===== */
.search-box { display: flex; align-items: center; gap: 10px; }
.search-box input { flex: 1; padding: 10px 15px; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 14px; outline: none; }
.search-box input:focus { border-color: #409eff; }
.search-box button { padding: 10px 20px; background: #409eff; color: #fff; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; }
.search-box button:hover { background: #66b1ff; }

/* ===== 响应式样式 ===== */
/* 桌面端默认：汉堡按钮隐藏 */
.hamburger { display: none; }

@media (max-width: 900px){
  .public-header .header-inner { padding: 0 12px; height: 56px; }
  .public-header .nav { display: none; position: fixed; top: 56px; left: 0; right: 0; flex-direction: column; background: #fff; border-top: 1px solid #eee; padding: 8px 0; box-shadow: 0 4px 8px rgba(0,0,0,.06); z-index: 1000; max-height: calc(100vh - 56px); overflow-y: auto; }
  .public-header .nav.open { display: flex; }
  .public-header .nav .nav-link { padding: 12px 20px; font-size: 15px; color: #333; text-decoration: none; border-bottom: 1px solid #f5f5f5; border-radius: 0; }
  .public-header .nav .nav-link:hover, .public-header .nav .nav-link.active { color: #409eff; background: #ecf5ff; }
  .public-header .hamburger { display: block; background: none; border: none; font-size: 22px; color: #333; cursor: pointer; padding: 4px; margin-left: 4px; }
  .public-header .site-logo { height: 28px; max-width: 120px; }
  .public-header .site-name { font-size: 16px; }
  .public-main { padding: 12px; }
  .public-header .member-link { display: none; }
  
  .novel-grid,.poetry-grid,.download-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .novel-list-page .novel-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .novel-list-page .novel-cover { height: 200px; }
  
  .hero-banner{padding:28px 12px 22px}
  .hero-banner .hero-title{font-size:22px}
  .hero-banner .hero-subtitle{font-size:13px}
  .card-cover-sm{height:150px}
  
  .novel-detail { padding: 12px; }
  .novel-header { flex-direction: column; gap: 16px; }
  .novel-cover-wrap { width: 100%; display: flex; justify-content: center; }
  .novel-cover { width: 140px; height: 200px; }
  .novel-info h1 { font-size: 22px; }
  
  .chapter-detail { padding: 12px; }
  .chapter-detail .article-title { font-size: 20px; }
  .chapter-detail .article-content { font-size: 16px; line-height: 2.2; }
  .chapter-detail .chapter-nav { flex-direction: row; gap: 8px; }
  .chapter-detail .chapter-nav-link { flex: 1; justify-content: center; padding: 10px 8px; max-width: none; }
  .chapter-detail .chapter-nav-link .nav-title { display: none; }  /* 手机版隐藏章节名称 */
  
  .category-tabs { flex-wrap: wrap; gap: 8px; }
  .search-bar { flex-direction: column; gap: 8px; }
  .search-box { width: 100%; }
  .search-box input { width: 100%; }
}

@media (max-width: 560px){
  .public-header .header-inner { flex-wrap: wrap; padding: 4px 8px; }
  .public-header .header-nav { order: 3; width: 100%; justify-content: center; margin-top: 4px; font-size: 11px; gap: 6px; }
  .public-header .member-link { display: none; }
  .public-header .site-logo { height: 20px; max-width: 80px; }
  .public-header .site-name { font-size: 12px; }
  
  .public-main { padding: 4px; }
  
  .page-header { padding: 8px 0; }
  .page-title { font-size: 18px; }
  .page-desc { font-size: 11px; }
  
  .novel-grid,.poetry-grid,.download-grid{grid-template-columns:repeat(2,1fr)}
  .novel-list-page .novel-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .novel-list-page .novel-card { display: block; }
  .novel-list-page .novel-cover { width: 100%; height: 160px; }
  .novel-list-page .novel-info { padding: 8px; }
  .novel-list-page .novel-title { font-size: 14px; }
  .novel-list-page .novel-author { font-size: 11px; }
  .novel-list-page .novel-meta { font-size: 11px; }
  
  .section-card .card-cover-sm{height:100px}
  .search-bar{margin:0 0 12px}
  .search-box input { font-size: 11px; padding: 6px 8px; }
  .search-box button { font-size: 11px; padding: 6px 8px; }
  
  .novel-detail { padding: 4px; }
  .novel-detail .novel-cover { width: 100px; height: 140px; }
  .novel-info h1 { font-size: 14px; }
  .novel-info p { font-size: 11px; }
  .chapter-list { grid-template-columns: 1fr; gap: 8px; }
  
  .chapter-detail { padding: 4px; }
  .chapter-detail .article-title { font-size: 14px; }
  .chapter-detail .article-content { font-size: 14px; line-height: 1.8; }
  .chapter-detail .chapter-nav { flex-direction: row; gap: 6px; }
  .chapter-detail .chapter-nav-link { flex: 1; padding: 8px 4px; font-size: 12px; justify-content: center; }
  .chapter-detail .chapter-nav-link .nav-title { display: none; }
  
  .footer-inner { flex-direction: column; gap: 6px; text-align: center; padding: 12px 8px; }
  .footer-inner p { font-size: 10px; }
  .category-tabs { gap: 4px; margin: 0 0 12px; }
  .category-tabs .tab { font-size: 11px; padding: 2px 6px; }
}

/* ===== 诗词详情页基础样式 ===== */
.poetry-detail-page {
  max-width: 1000px;
  margin: 0 auto;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  overflow: hidden;
}
.poetry-detail-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 24px 60px;
}
.poetry-header { text-align: center; padding: 40px 0 30px; }
.poetry-header h1 { font-size: 32px; margin: 0 0 10px; color: #2c3e50; }
.poetry-byline { font-size: 16px; color: #999; margin: 0; }
.poetry-style-tag { display: inline-block; margin-left: 10px; padding: 2px 12px; border-radius: 12px; font-size: 13px; }

.poetry-content,
.poetry-section {
  background: #fff;
  border-radius: 12px;
  padding: 30px 32px;
  margin: 0 0 30px;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  line-height: 2;
  font-size: 16px;
  white-space: pre-line;
}
.poetry-content,
.poetry-content p,
.poetry-content div,
.poetry-content span {
  text-align: center !important;
}
.poetry-section h2 { font-size: 20px; margin: 0 0 16px; color: #2c3e50; text-align: left; }
.poetry-section div,
.poetry-section p { text-align: left; }

.poetry-footer { text-align: center; padding: 20px 0; }
.back-link {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 14px;
  transition: opacity .2s;
}
.back-link:hover { opacity: .8; }

/* ===== 诗词风格主题类 ===== */
/* ===== 思乡怀远 风格主题 ===== */
.style-style_1792568032688 {
  background-color: #e3f6e4;
  color: #333333;
  font-family: KaiTi, STKaiti, serif;
}
.style-style_1792568032688 .poetry-content,
.style-style_1792568032688 .poetry-section {
  background-color: #d9e45d;
}
.style-style_1792568032688 .poetry-style-tag,
.style-style_1792568032688 .back-link {
  background-color: #409eff;
  color: #fff;
}
.style-style_1792568032688 .poetry-byline,
.style-style_1792568032688 .poetry-poet {
  color: #888888;
}
.style-style_1792568032688.poetry-card-top {
  background: #409eff;
}

/* ===== 豪放 风格主题 ===== */
.style-haofang {
  background-color: #f8f5f4;
  color: #2c1810;
  font-family: KaiTi, STKaiti, serif;
}
.style-haofang .poetry-content,
.style-haofang .poetry-section {
  background-color: #fdf6f0;
}
.style-haofang .poetry-style-tag,
.style-haofang .back-link {
  background-color: #f4a59d;
  color: #fff;
}
.style-haofang .poetry-byline,
.style-haofang .poetry-poet {
  color: #8b6f47;
}
.style-haofang.poetry-card-top {
  background: #f4a59d;
}

/* ===== 婉约 风格主题 ===== */
.style-wanyue {
  background-color: #fdf5f8;
  color: #4a3b52;
  font-family: KaiTi, STKaiti, serif;
}
.style-wanyue .poetry-content,
.style-wanyue .poetry-section {
  background-color: #ffffff;
}
.style-wanyue .poetry-style-tag,
.style-wanyue .back-link {
  background-color: #e8a0bf;
  color: #fff;
}
.style-wanyue .poetry-byline,
.style-wanyue .poetry-poet {
  color: #a08090;
}
.style-wanyue.poetry-card-top {
  background: #e8a0bf;
}

/* ===== 山水田园 风格主题 ===== */
.style-shanshui {
  background-color: #eef2ee;
  color: #1b3a2a;
  font-family: KaiTi, STKaiti, serif;
}
.style-shanshui .poetry-content,
.style-shanshui .poetry-section {
  background-color: #ffffff;
}
.style-shanshui .poetry-style-tag,
.style-shanshui .back-link {
  background-color: #2d6a4f;
  color: #fff;
}
.style-shanshui .poetry-byline,
.style-shanshui .poetry-poet {
  color: #5a7a6a;
}
.style-shanshui.poetry-card-top {
  background: #2d6a4f;
}

/* ===== 边塞 风格主题 ===== */
.style-biansai {
  background-color: #f5ede0;
  color: #3d2f1a;
  font-family: KaiTi, STKaiti, serif;
}
.style-biansai .poetry-content,
.style-biansai .poetry-section {
  background-color: #faf5ed;
}
.style-biansai .poetry-style-tag,
.style-biansai .back-link {
  background-color: #8b6f47;
  color: #fff;
}
.style-biansai .poetry-byline,
.style-biansai .poetry-poet {
  color: #8a7a5a;
}
.style-biansai.poetry-card-top {
  background: #8b6f47;
}

/* ===== 闺怨 风格主题 ===== */
.style-guiyuan {
  background-color: #f5f0f8;
  color: #3d2f4a;
  font-family: KaiTi, STKaiti, serif;
}
.style-guiyuan .poetry-content,
.style-guiyuan .poetry-section {
  background-color: #ffffff;
}
.style-guiyuan .poetry-style-tag,
.style-guiyuan .back-link {
  background-color: #9b7eb8;
  color: #fff;
}
.style-guiyuan .poetry-byline,
.style-guiyuan .poetry-poet {
  color: #8a7a9a;
}
.style-guiyuan.poetry-card-top {
  background: #9b7eb8;
}

/* ===== 怀古 风格主题 ===== */
.style-huaigu {
  background-color: #f0e8d8;
  color: #3d2f1a;
  font-family: KaiTi, STKaiti, serif;
}
.style-huaigu .poetry-content,
.style-huaigu .poetry-section {
  background-color: #faf6ec;
}
.style-huaigu .poetry-style-tag,
.style-huaigu .back-link {
  background-color: #b8860b;
  color: #fff;
}
.style-huaigu .poetry-byline,
.style-huaigu .poetry-poet {
  color: #8a7a5a;
}
.style-huaigu.poetry-card-top {
  background: #b8860b;
}

/* ===== 咏物 风格主题 ===== */
.style-yongwu {
  background-color: #eef5f0;
  color: #1f3d2e;
  font-family: KaiTi, STKaiti, serif;
}
.style-yongwu .poetry-content,
.style-yongwu .poetry-section {
  background-color: #f2f8f4;
}
.style-yongwu .poetry-style-tag,
.style-yongwu .back-link {
  background-color: #3a9d6f;
  color: #fff;
}
.style-yongwu .poetry-byline,
.style-yongwu .poetry-poet {
  color: #5a7a6a;
}
.style-yongwu.poetry-card-top {
  background: #3a9d6f;
}

/* ===== 送别 风格主题 ===== */
.style-songbie {
  background-color: #eef2f6;
  color: #2c3e5a;
  font-family: KaiTi, STKaiti, serif;
}
.style-songbie .poetry-content,
.style-songbie .poetry-section {
  background-color: #f2f5f9;
}
.style-songbie .poetry-style-tag,
.style-songbie .back-link {
  background-color: #5b7ba5;
  color: #fff;
}
.style-songbie .poetry-byline,
.style-songbie .poetry-poet {
  color: #6a7a8a;
}
.style-songbie.poetry-card-top {
  background: #5b7ba5;
}