* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; background:#f8f8f8; color:#333; }
.site-header { background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:100; }
.header-inner { max-width:1400px; margin:0 auto; padding:14px 20px; display:flex; justify-content:space-between; align-items:center; }
.logo { font-size:20px; font-weight:700; color:#ff2442; text-decoration:none; }
.site-header nav a { margin-left:20px; color:#666; text-decoration:none; }
.site-footer { text-align:center; padding:30px; color:#999; font-size:13px; }
.waterfall-container { columns:4; column-gap:16px; padding:20px; max-width:1400px; margin:0 auto; }
@media (max-width:1200px){ .waterfall-container{columns:3;} }
@media (max-width:768px){ .waterfall-container{columns:2;column-gap:10px;padding:10px;} }
@media (max-width:480px){ .waterfall-container{columns:2;column-gap:8px;padding:8px;} }
.card { break-inside:avoid; margin-bottom:16px; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.06); transition:transform .2s,box-shadow .2s; }
.card:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.1); }
.card-link { text-decoration:none; color:inherit; display:block; }
.card-cover { aspect-ratio:4/3; background:#f5f5f5; overflow:hidden; }
.card-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.card-body { padding:12px; }
.card-title { font-size:14px; font-weight:600; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.card-desc { font-size:12px; color:#999; margin-top:6px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.card-meta { display:flex; justify-content:space-between; align-items:center; margin-top:10px; }
.price { color:#ff2442; font-weight:700; font-size:14px; }
.views { font-size:11px; color:#bbb; }
.load-more { text-align:center; padding:30px; color:#999; cursor:pointer; }
.article-detail { max-width:760px; margin:20px auto; padding:24px; background:#fff; border-radius:12px; }
.article-detail h1 { font-size:22px; margin-bottom:16px; }
.article-cover img { width:100%; border-radius:8px; }
.article-info { display:flex; gap:12px; align-items:center; margin:16px 0; flex-wrap:wrap; }
.price-tag { background:#ff2442; color:#fff; padding:6px 14px; border-radius:20px; font-weight:600; }
.btn { display:inline-block; padding:10px 20px; border-radius:8px; border:none; cursor:pointer; font-size:14px; text-decoration:none; background:#f0f0f0; color:#333; }
.btn-primary { background:#1677ff; color:#fff; }
.btn-buy { background:#ff2442; color:#fff; font-size:16px; padding:14px 32px; }
.btn-buy:hover { background:#e01e3c; }
.btn-demo { background:#f0f0f0; color:#333; }
.article-content { line-height:1.7; margin:20px 0; color:#444; }
.article-content img { max-width:100%; }
.download-section { margin-top:30px; padding:20px; background:#fafafa; border-radius:8px; border:1px dashed #ddd; }
.buy-block { text-align:center; padding:20px; }
.buy-hint { margin-bottom:14px; color:#666; }
.unlock-success h3 { color:#52c41a; margin-bottom:12px; }
.download-content { line-height:1.8; word-break:break-all; }
.download-content a { color:#1677ff; }
.modal-mask { position:fixed; inset:0; background:rgba(0,0,0,.5); display:none; justify-content:center; align-items:center; z-index:1000; padding:20px; }
.modal-mask.show { display:flex; }
.modal-box { background:#fff; border-radius:12px; padding:28px; max-width:480px; width:100%; position:relative; max-height:90vh; overflow-y:auto; }
.modal-close { position:absolute; top:10px; right:14px; background:none; border:none; font-size:26px; cursor:pointer; color:#999; }
.modal-box h3 { margin-bottom:16px; }
.pay-amount { color:#ff2442; font-size:18px; }
.wallet-address { display:flex; gap:8px; align-items:center; background:#f5f5f5; padding:10px; border-radius:8px; margin:10px 0; }
.wallet-address code { flex:1; font-size:12px; word-break:break-all; }
.btn-copy { padding:6px 12px; background:#1677ff; color:#fff; border:none; border-radius:6px; cursor:pointer; font-size:12px; }
.tips { font-size:12px; color:#666; line-height:1.6; margin:10px 0; }
#tx-hash { width:100%; padding:12px; border:1px solid #d9d9d9; border-radius:8px; font-size:14px; margin-bottom:12px; }
#tx-hash:focus { border-color:#1677ff; outline:none; }
.btn-pay { width:100%; background:#ff2442; color:#fff; padding:12px; font-size:15px; border:none; border-radius:8px; cursor:pointer; }
.btn-pay:disabled { background:#ccc; cursor:not-allowed; }
.verify-result { margin-top:14px; }
.verify-result .error { color:#ff4d4f; font-size:13px; }
.verify-result .loading { color:#999; font-size:13px; }
/* 正文换行增强 */
.article-content { white-space: normal; word-break: break-word; overflow-wrap: break-word; }
.article-content br { display: block; content: ""; margin-top: 4px; }
.download-content { white-space: normal; word-break: break-word; overflow-wrap: break-word; }
.download-content br { display: block; content: ""; margin-top: 4px; }
/* ============ Header 导航 ============ */
.header-nav { display:flex; align-items:center; gap:18px; }
.header-nav a { color:#666; text-decoration:none; font-size:14px; transition:color .15s; }
.header-nav a:hover { color:#ff2442; }
.search-icon-link { display:inline-flex; align-items:center; justify-content:center; color:#666; }
.search-icon-link:hover { color:#ff2442; }
.search-icon-link svg { display:block; }

/* ============ 搜索页 ============ */
.search-page { max-width:1400px; margin:24px auto; padding:0 20px; }
.search-form { display:flex; gap:10px; max-width:560px; margin:0 auto 24px; }
.search-form input {
    flex:1; padding:12px 16px; font-size:16px;
    border:1px solid #d9d9d9; border-radius:8px;
}
.search-form input:focus { border-color:#ff2442; outline:none; }
.search-form .btn { padding:12px 28px; border-radius:8px; font-size:15px; }
.search-meta { text-align:center; color:#666; margin-bottom:24px; font-size:14px; }
.search-meta strong { color:#ff2442; }
.search-empty { text-align:center; padding:60px 20px; color:#999; font-size:15px; }

/* ============ 通用页面（免责/帮助） ============ */
.page-detail {
    max-width:760px; margin:24px auto; padding:32px;
    background:#fff; border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.04);
    line-height:1.8; color:#333;
}
.page-detail h1 {
    font-size:24px; margin-bottom:20px; padding-bottom:14px;
    border-bottom:1px solid #f0f0f0;
}
.page-content { font-size:15px; word-break:break-word; }
.page-content p { margin-bottom:12px; }
.page-content a { color:#1677ff; }
.page-content ul, .page-content ol { margin:12px 0 12px 24px; }
.page-content li { margin-bottom:6px; }
.page-content h2 { font-size:18px; margin:20px 0 12px; }
.page-content h3 { font-size:16px; margin:16px 0 10px; }
.page-content br { display:block; content:""; margin-top:4px; }

/* 移动端 */
@media (max-width:768px) {
    .header-nav { gap:12px; }
    .header-nav a { font-size:13px; }
    .search-page { padding:0 12px; margin:16px auto; }
    .search-form { flex-direction:column; }
    .search-form .btn { width:100%; }
    .page-detail { margin:16px 12px; padding:20px 16px; border-radius:8px; }
    .page-detail h1 { font-size:20px; }
    .page-content { font-size:14px; }
}