/* moreip 麓鸣设计 - 公共样式 */
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #FCFCFA; color: #292524; margin: 0; padding: 0; }
.tracking-apple { letter-spacing: -0.374px; }

/* 搜索弹窗 */
#search-overlay { position: fixed; inset: 0; background: rgba(41,37,36,0.6); z-index: 200; display: none; align-items: center; justify-content: center; backdrop-filter: blur(4px); }
#search-overlay.open { display: flex; }
#search-overlay input { width: 480px; max-width: 90vw; border: none; border-bottom: 2px solid #FF3C3C; outline: none; font-size: 24px; padding: 12px 0; background: transparent; color: #fff; font-family: Inter, system-ui, sans-serif; }
#search-overlay input::placeholder { color: rgba(255,255,255,0.4); }

/* 移动菜单 */
#mobile-menu { position: fixed; top: 56px; left: 0; right: 0; bottom: 0; background: rgba(252,252,250,0.98); z-index: 150; display: none; overflow-y: auto; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
#mobile-menu.open { display: block; }

/* 文本裁剪 */
.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(41,37,36,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 #E7E3DA; 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: #292524; margin-bottom: 4px; letter-spacing: -0.374px; overflow-wrap: break-word; }
.poster-info-desc { font-size: 12px; line-height: 1.6; color: #57534E; margin-bottom: 8px; overflow-wrap: break-word; max-height: 58px; overflow: hidden; }
.poster-info-meta { font-size: 11px; color: #A8A29E; margin-bottom: 0; padding-bottom: 8px; border-bottom: 1px solid #E7E3DA; }
.poster-qrcode-wrap { padding-top: 0; display: flex; flex-direction: column; align-items: center; margin-top: auto; }
.poster-qrcode-text { font-size: 10px; color: #A8A29E; 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 #E7E3DA; 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: #FF3C3C; color: #fff; border: none; border-radius: 4px; font-size: 13px; cursor: pointer; font-weight: 500; transition: background .15s; }
.poster-download-btn:hover { background: #E63535; }
.poster-close-btn { flex: 1; padding: 9px 0; background: #E7E3DA; color: #57534E; border: none; border-radius: 4px; font-size: 13px; cursor: pointer; font-weight: 500; transition: background .15s; }
.poster-close-btn:hover { background: #D6D3D1; }
