.prompts-page { padding-top: 30rpx; background: #f6f2ea; }
.prompt-hero { display: flex; justify-content: space-between; gap: 18rpx; min-height: 290rpx; padding: 30rpx 26rpx; color: #fff; background: linear-gradient(115deg, #173c35 0%, #1e655e 56%, #b87837 100%); border-radius: 16rpx; box-shadow: 0 18rpx 38rpx rgba(31, 67, 55, .2); }
.hero-kicker { display: block; color: #f0c873; font-size: 19rpx; font-weight: 800; letter-spacing: 1rpx; }
.hero-title { display: block; max-width: 440rpx; margin-top: 24rpx; font-size: 38rpx; font-weight: 800; line-height: 1.22; }
.hero-copy { display: block; max-width: 480rpx; margin-top: 18rpx; color: #d8e5df; font-size: 23rpx; line-height: 1.55; }
.points-box { flex: 0 0 128rpx; align-self: flex-start; padding: 22rpx 14rpx; color: #e6dfc9; background: rgba(255,255,255,.14); border: 1rpx solid rgba(255,255,255,.28); border-radius: 14rpx; text-align: center; font-size: 21rpx; }
.points-value { display: block; color: #fff; font-size: 44rpx; font-weight: 800; }
.stats-row { display: flex; margin-top: 16rpx; background: #fffdf9; border: 1rpx solid #e9e1d5; border-radius: 12rpx; }
.stats-row view { flex: 1; padding: 19rpx 0; text-align: center; border-right: 1rpx solid #eee5d9; }
.stats-row view:last-child { border-right: 0; }
.stats-row text, .stats-row label { display: block; }
.stats-row text { color: #1f817a; font-size: 32rpx; font-weight: 800; }
.stats-row label { margin-top: 7rpx; color: #868073; font-size: 21rpx; }
.section-heading { display: flex; justify-content: space-between; margin-top: 32rpx; }
.section-title { display: block; color: #1c2523; font-size: 34rpx; font-weight: 800; }
.section-subtitle { display: block; margin-top: 7rpx; color: #8e887c; font-size: 22rpx; }
.featured-scroll { margin: 18rpx -30rpx 0; white-space: nowrap; }
.featured-row { display: inline-flex; gap: 16rpx; padding: 0 30rpx; }
.featured-card { position: relative; display: inline-flex; flex-direction: column; justify-content: flex-end; overflow: hidden; width: 310rpx; height: 220rpx; color: #fff; border-radius: 12rpx; box-shadow: 0 12rpx 22rpx rgba(43, 51, 43, .12); white-space: normal; }
.featured-image, .featured-image-placeholder, .featured-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.featured-image { z-index: 0; }
.featured-image-placeholder { background: linear-gradient(145deg, rgba(20, 83, 78, .88), rgba(204, 128, 72, .82)); }
.featured-overlay { z-index: 1; background: linear-gradient(180deg, rgba(10, 23, 24, .02) 24%, rgba(10, 23, 24, .86) 100%); }
.featured-content { position: relative; z-index: 2; padding: 20rpx; }
.mini-tag { align-self: flex-start; padding: 7rpx 12rpx; background: rgba(255,255,255,.18); border-radius: 7rpx; font-size: 20rpx; }
.featured-title { display: block; margin-top: 26rpx; font-size: 30rpx; font-weight: 800; }
.featured-copy { display: block; margin-top: 7rpx; color: rgba(255,255,255,.78); font-size: 20rpx; line-height: 1.4; }
.library-heading { margin-top: 36rpx; }
.category-scroll { margin: 18rpx -30rpx 0; white-space: nowrap; }
.category-row { display: inline-flex; gap: 10rpx; padding: 0 30rpx; }
.category { padding: 12rpx 18rpx; color: #696960; background: #fffdf9; border: 1rpx solid #e3ddd2; border-radius: 10rpx; font-size: 22rpx; }
.category text { color: #1f8b82; }
.category.selected { color: #fff; background: #172e2b; border-color: #172e2b; }
.category.selected text { color: #f3c26b; }
.search-box { display: flex; align-items: center; gap: 12rpx; height: 76rpx; margin-top: 18rpx; padding: 0 20rpx; background: #fffdf9; border: 1rpx solid #e5ddd2; border-radius: 11rpx; }
.search-icon { color: #9a9386; font-size: 35rpx; }
.search-box input { flex: 1; color: #343b4c; font-size: 25rpx; }
.prompt-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14rpx; margin-top: 18rpx; }
.prompt-card { min-width: 0; overflow: hidden; color: #fff; border-radius: 12rpx; box-shadow: 0 9rpx 22rpx rgba(67, 61, 51, .1); }
.prompt-cover-wrap, .prompt-cover-placeholder { position: relative; height: 250rpx; }
.prompt-cover { display: block; width: 100%; height: 100%; }
.prompt-cover-placeholder { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10rpx; color: rgba(255,255,255,.72); background: linear-gradient(145deg, rgba(24, 78, 75, .78), rgba(194, 119, 64, .86)); font-size: 25rpx; letter-spacing: 2rpx; }
.prompt-cover-placeholder text:last-child { color: rgba(255,255,255,.92); font-size: 20rpx; letter-spacing: 0; }
.cover-source { position: absolute; right: 14rpx; bottom: 14rpx; left: 14rpx; overflow: hidden; color: rgba(255,255,255,.86); font-size: 18rpx; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 1rpx 4rpx rgba(0,0,0,.35); }
.prompt-card-body { min-height: 370rpx; padding: 20rpx; }
.prompt-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8rpx; }
.prompt-heading { min-width: 0; }
.prompt-category { display: block; color: rgba(255,255,255,.82); font-size: 20rpx; font-weight: 700; }
.prompt-title { display: block; margin-top: 10rpx; font-size: 28rpx; font-weight: 800; line-height: 1.3; }
.prompt-description { display: block; margin-top: 8rpx; color: rgba(255,255,255,.76); font-size: 20rpx; line-height: 1.45; }
.prompt-author { display: block; margin-top: 8rpx; color: rgba(255,255,255,.7); font-size: 19rpx; }
.prompt-copy-action { flex: 0 0 auto; color: rgba(255,255,255,.78); font-size: 21rpx; }
.prompt-body { display: -webkit-box; margin-top: 20rpx; color: rgba(255,255,255,.86); font-size: 21rpx; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.prompt-source { display: block; margin-top: 14rpx; color: rgba(255,255,255,.62); font-size: 19rpx; }
.use-prompt { width: 100%; margin-top: 22rpx; padding: 0; color: #20322e; background: #fffdf9; border-radius: 8rpx; line-height: 64rpx; font-size: 22rpx; font-weight: 700; }
.use-prompt text { margin-left: 8rpx; font-size: 27rpx; }
.tag-row { display: flex; flex-wrap: wrap; gap: 8rpx; margin-top: 14rpx; }
.prompt-tag { padding: 5rpx 9rpx; color: rgba(255,255,255,.82); background: rgba(255,255,255,.12); border: 1rpx solid rgba(255,255,255,.16); border-radius: 6rpx; font-size: 18rpx; }
.load-more, .list-end, .source-note { margin: 22rpx 0 8rpx; text-align: center; }
.load-more { padding: 18rpx; color: #216f69; background: #fffdf9; border: 1rpx solid #dfd7c9; border-radius: 10rpx; font-size: 23rpx; }
.list-end, .source-note { color: #8e887c; font-size: 20rpx; }
.source-note { color: #a56d42; }
.theme-teal { background: linear-gradient(145deg, #137d78, #239886 58%, #ef9b5e); }
.theme-amber, .theme-gold { background: linear-gradient(145deg, #a16b32, #daa65c 60%, #f0ddad); }
.theme-sky, .theme-blue { background: linear-gradient(145deg, #477f8a, #88b9bb 58%, #c2d9cd); }
.theme-coral, .theme-red { background: linear-gradient(145deg, #b25c4f, #dd7f63 60%, #efc394); }
.theme-green, .theme-mint { background: linear-gradient(145deg, #327763, #74ac84 60%, #cbd393); }
.theme-violet { background: linear-gradient(145deg, #655979, #a6848f 60%, #e5c4a5); }
.sync-note { margin-top: 18rpx; color: #8e887c; font-size: 21rpx; text-align: center; }
@media (max-width: 360px) { .hero-title { font-size: 34rpx; } .prompt-list { grid-template-columns: 1fr; } .featured-card { width: 280rpx; } }