.joke-page[data-v-dbb3ec7c]{max-width:800px;margin:24px auto;padding:0 16px}.main-card[data-v-dbb3ec7c]{border-radius:12px}.top-bar[data-v-dbb3ec7c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-info[data-v-dbb3ec7c]{display:flex;align-items:baseline;gap:12px}.page-title[data-v-dbb3ec7c]{font-size:20px;font-weight:600;color:#303133;margin:0}.page-subtitle[data-v-dbb3ec7c]{font-size:14px;color:#909399}.section-title[data-v-dbb3ec7c]{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.recommend-card[data-v-dbb3ec7c]{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-radius:16px;padding:32px 24px;text-align:center;min-height:150px;display:flex;flex-direction:column;justify-content:center}.joke-text[data-v-dbb3ec7c]{font-size:18px;font-weight:500;color:#303133;line-height:1.6;margin-bottom:16px}.joke-meta[data-v-dbb3ec7c]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.recipe[data-v-dbb3ec7c]{font-size:13px;color:#909399;font-style:italic}.joke-actions[data-v-dbb3ec7c]{display:flex;justify-content:center;gap:8px}.change-btn-wrap[data-v-dbb3ec7c]{text-align:center;margin-top:20px}.joke-list[data-v-dbb3ec7c]{display:flex;flex-direction:column;gap:12px}.joke-item[data-v-dbb3ec7c]{background:#fafafa;border-radius:12px;padding:16px 20px;transition:box-shadow .2s}.joke-item[data-v-dbb3ec7c]:hover{box-shadow:0 2px 12px #00000014}.joke-text-small[data-v-dbb3ec7c]{font-size:15px;font-weight:500;color:#303133;line-height:1.5;margin-bottom:10px}.joke-meta-small[data-v-dbb3ec7c]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.recipe-small[data-v-dbb3ec7c]{font-size:12px;color:#909399;font-style:italic}.joke-item-actions[data-v-dbb3ec7c]{display:flex;gap:4px}.empty-joke[data-v-dbb3ec7c],.empty-list[data-v-dbb3ec7c]{color:#909399;text-align:center;padding:40px 0}@media (max-width: 600px){.joke-page[data-v-dbb3ec7c]{padding:0 8px;margin:12px auto}.recommend-card[data-v-dbb3ec7c]{padding:24px 16px}.joke-text[data-v-dbb3ec7c]{font-size:16px}.top-bar[data-v-dbb3ec7c]{flex-direction:column;align-items:flex-start}}