/* moreindex 墨刊设计 - 公共样式 */
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #f8fafc; color: #0f172a; margin: 0; padding: 0; }

/* 搜索栏 */
#search-bar { position:fixed; top:0; left:0; right:0; background:#fff; z-index:102; transform:translateY(-100%); transition:transform 0.3s ease; padding:8px 24px; border-bottom:1px solid #e2e8f0; display:flex; align-items:center; justify-content:center; }
#search-bar.show { transform:translateY(0); }
#search-bar input { width:400px; border:none; outline:none; font-size:0.9375rem; padding:8px 0; }
#search-bar button { color:#64748b; background:none; border:none; cursor:pointer; font-size:0.875rem; padding:4px 12px; margin-left:8px; }

/* 移动端搜索栏 */
@media (max-width: 767px) {
  #search-bar { padding:8px 16px; }
  #search-bar input { flex:1; width:auto; }
}

/* 移动菜单 */
#menu-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.35); z-index:100; opacity:0; visibility:hidden; transition:opacity 0.25s ease, visibility 0.25s ease; }
#menu-overlay.show { opacity:1; visibility:visible; }
#menu-panel { position:fixed; top:0; right:0; bottom:0; width:260px; background:#fff; z-index:101; transform:translateX(100%); transition:transform 0.3s ease; }
#menu-panel.show { transform:translateX(0); }
#menu-panel a { display:block; padding:12px 20px; font-size:0.9375rem; color:#334155; border-bottom:1px solid #f1f5f5; }
#menu-panel a:first-child { font-weight:600; color:#2563eb; background:#eff6ff; }
#menu-panel .menu-close { text-align:right; padding:16px 20px 8px; }

/* 文本裁剪 */
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* 复制确认 */
.copy-btn[data-ok]::after{content:'✓';position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:2px;background:#10b981;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;}

/* 海报弹窗 */
.poster-modal { position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background: rgba(15,23,42,0.5); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .2s,visibility .2s; }
.poster-modal.show { visibility: visible; opacity: 1; pointer-events: auto; }
.poster-content { position: relative; z-index: 100000; }
.poster-preview { background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.06); width: 380px; max-width: 100%; height: 500px; border-radius: 4px; border: 1px solid #e2e8f0; margin-bottom: 16px; overflow: hidden; display: flex; flex-direction: column; }
.poster-thumb-wrap { width: 100%; height: 200px; max-height: 200px; overflow: hidden; border-radius: 4px 4px 0 0; flex-shrink: 0; }
.poster-thumb-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.poster-info { padding: 16px 18px 12px; flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.poster-info-title { font-weight: 700; font-size: 17px; line-height: 1.35; color: #0f172a; margin-bottom: 4px; overflow-wrap: break-word; }
.poster-info-desc { font-size: 12px; line-height: 1.6; color: #334155; margin-bottom: 8px; overflow-wrap: break-word; max-height: 58px; overflow: hidden; }
.poster-info-meta { font-size: 11px; color: #94a3b8; margin-bottom: 0; padding-bottom: 8px; border-bottom: 1px solid #e2e8f0; }
.poster-qrcode-wrap { padding-top: 0; display: flex; flex-direction: column; align-items: center; margin-top: auto; }
.poster-qrcode-text { font-size: 10px; color: #94a3b8; margin: 4px 0 6px; }
.poster-footer-logo { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 6px; padding-top: 6px; border-top: 1px solid #e2e8f0; width: 100%; }
.poster-logo-img { height: 24px; width: auto; border-radius: 2px; flex-shrink: 0; }
.poster-btn-row { display: flex; gap: 8px; flex-direction: row-reverse; }
.poster-download-btn { flex: 1; padding: 9px 0; background: #2563eb; color: #fff; border: none; border-radius: 4px; font-size: 13px; cursor: pointer; font-weight: 500; transition: background .15s; }
.poster-download-btn:hover { background: #1d4ed8; }
.poster-close-btn { flex: 1; padding: 9px 0; background: #e2e8f0; color: #334155; border: none; border-radius: 4px; font-size: 13px; cursor: pointer; font-weight: 500; transition: background .15s; }
.poster-close-btn:hover { background: #cbd5e1; }