.sp-breadcrumb{max-width:1200px;margin:20px auto 0;padding:0 20px;font-size:14px;color:#64748b;display:flex;gap:10px;flex-wrap:wrap}.sp-breadcrumb a{text-decoration:none;color:#2563eb;font-weight:600}.sp-breadcrumb a:hover{text-decoration:underline}.sp-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.sp-tags a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:700;text-decoration:none;transition:.25s}.sp-tags a:hover{background:#2563eb;color:#fff}.related-prompts-section{max-width:1200px;margin:70px auto;padding:0 20px}.related-prompts-section h2{font-size:34px;font-weight:900;color:#111827;margin-bottom:30px}.related-prompts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.related-prompt-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;text-decoration:none;transition:.3s;box-shadow:0 8px 30px rgba(0,0,0,.04)}.related-prompt-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px rgba(0,0,0,.08)}.related-prompt-card img{width:100%;height:180px;object-fit:cover}.related-prompt-content{padding:22px}.related-prompt-content h3{font-size:18px;line-height:1.6;color:#111827;font-weight:800}@media(max-width:768px){.related-prompts-section h2{font-size:28px}.related-prompts-grid{grid-template-columns:1fr}}
.sp-hero{background:linear-gradient(135deg,#0b1a33,#132b4f);border-radius:32px;padding:60px 30px;color:#fff;position:relative;overflow:hidden;margin-bottom:40px}.sp-hero::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,0.25) 0%,transparent 70%);top:-100px;left:-100px}.sp-hero::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,0.2) 0%,transparent 70%);bottom:-120px;right:-80px}.sp-hero-inner{position:relative;z-index:1}.sp-badges{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.sp-badge{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);padding:8px 18px;border-radius:999px;font-size:13px;font-weight:800;color:#dbeafe}.sp-title{font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.2;margin-bottom:18px}.sp-excerpt{font-size:18px;line-height:1.7;color:#cbd5e1;max-width:800px}.sp-stats{display:flex;gap:28px;margin-top:25px;font-weight:700;flex-wrap:wrap}.sp-featured{margin:-60px auto 30px;position:relative;z-index:2;max-width:800px}.sp-featured img{width:100%;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,0.2)}.sp-grid{display:grid;grid-template-columns:1fr 320px;gap:40px}@media(max-width:1024px){.sp-grid{grid-template-columns:1fr}}.sp-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;margin-bottom:30px;position:relative;word-break:break-word;overflow-wrap:break-word}.sp-section h2{font-size:24px;font-weight:900;margin-bottom:20px;display:flex;align-items:center;gap:12px}.type-prompt{background:#f8fafc;border-left:6px solid #6366f1}.type-explanation{background:#f0f9ff;border-left:6px solid #0ea5e9}.type-tips{background:#f0fdf4;border-left:6px solid #22c55e}.type-output{background:#faf5ff;border-left:6px solid #a855f7}.type-faq{background:#fff7ed;border-left:6px solid #f97316}.type-notes{background:#f9fafb;border-left:6px solid #6b7280}.type-benefits{background:#fefce8;border-left:6px solid #eab308}.prompt-code{background:#0f172a;color:#f8fafc;border-radius:20px;padding:28px;font-size:16px;line-height:1.8;white-space:pre-line;overflow-x:auto;word-break:break-word;overflow-wrap:break-word;position:relative;max-width:100%}.section-content{color:#334155;font-size:17px;line-height:1.9;word-break:break-word}.copy-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);color:#e2e8f0;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer;transition:0.2s;z-index:5}.copy-btn:hover{background:rgba(255,255,255,0.2)}.copy-btn.copied{background:#22c55e;color:#fff;border-color:#22c55e}.sp-sidebar{position:sticky;top:30px}.sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:28px;margin-bottom:28px}.sidebar-card h3{font-size:22px;font-weight:900;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f5f9}.info-row:last-child{border:none}.info-label{color:#64748b;font-weight:700}.info-value{font-weight:900;color:#0f172a;text-align:right}.related-item{display:flex;gap:14px;margin-bottom:18px;text-decoration:none}.related-thumb{width:70px;height:70px;border-radius:14px;object-fit:cover;flex-shrink:0}.related-title{font-size:15px;font-weight:800;color:#0f172a;line-height:1.4;word-break:break-word}@media(max-width:768px){.sp-hero{padding:40px 20px}.sp-featured{margin-top:-30px}.sp-section{padding:24px}.sp-section h2{font-size:20px}.prompt-code{padding:20px;font-size:14px;line-height:1.6}.copy-btn{top:12px;right:12px;padding:4px 10px;font-size:11px}.section-content{font-size:15px}.sp-grid{gap:24px}.sidebar-card{padding:24px}}@media(max-width:480px){.sp-title{font-size:28px}.sp-excerpt{font-size:15px}.sp-stats{gap:16px;font-size:14px}.prompt-code{font-size:13px}}