$' '

*{margin:0;padding:0;box-sizing:border-box} body{background:#0f172a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6} .container{max-width:900px;margin:0 auto;padding:20px} h1{font-size:1.8rem;color:#fff;text-align:center;margin:30px 0 10px} .subtitle{text-align:center;color:#94a3b8;margin-bottom:30px} .tabs{display:flex;gap:4px;margin-bottom:24px;flex-wrap:wrap} .tab{padding:10px 20px;background:#1e293b;border:1px solid #334155;border-radius:8px 8px 0 0;color:#94a3b8;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;border-bottom:none} .tab.active{background:#334155;color:#6366f1;border-color:#6366f1} .tab:hover{color:#6366f1} .section{background:#1e293b;border-radius:0 12px 12px 12px;padding:24px;margin-bottom:24px;border:1px solid #334155;border-top:3px solid #6366f1} .section h2{font-size:1.1rem;color:#6366f1;margin-bottom:16px;display:flex;align-items:center;gap:8px} .form-group{margin-bottom:16px} label{display:block;color:#cbd5e1;font-weight:600;margin-bottom:6px;font-size:.9rem} input,textarea,select{width:100%;padding:12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.95rem;transition:border-color .2s} input:focus,textarea:focus{outline:none;border-color:#6366f1} textarea{resize:vertical;min-height:80px} .row{display:grid;grid-template-columns:1fr 1fr;gap:16px} .faq-item{background:#0f172a;border-radius:8px;padding:14px;margin-bottom:10px} .faq-item label{font-size:.8rem;color:#94a3b8} .faq-item input,.faq-item textarea{margin-top:4px;font-size:.85rem} .faq-item textarea{min-height:50px} .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s} .btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5} .btn-copy{background:#22d3ee;color:#0f172a}.btn-copy:hover{background:#06b6d4} .btn-add{background:#334155;color:#cbd5e1;border:1px solid #475569}.btn-add:hover{background:#6366f1;color:#fff;border-color:#6366f1} .btn-del{background:#ef4444;color:#fff;padding:6px 10px;font-size:.8rem;border-radius:6px} .actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap} .output{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:16px;font-family:monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-all;color:#22d3ee;max-height:500px;overflow-y:auto} .toast{position:fixed;top:20px;right:20px;background:#22c55e;color:#fff;padding:12px 24px;border-radius:8px;transform:translateX(120%);transition:transform .3s;z-index:999;font-weight:600} .toast.show{transform:translateX(0)} .hidden{display:none} footer{text-align:center;padding:30px 20px;color:#64748b;font-size:.85rem;border-top:1px solid #1e293b;margin-top:40px} footer a{color:#6366f1;text-decoration:none} footer a:hover{color:#22d3ee} .related{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px} @media(max-width:640px){.row{grid-template-columns:1fr}h1{font-size:1.4rem}.tabs{gap:2px}.tab{padding:8px 12px;font-size:.8rem}} $' '

📊 Schema.org Schema Markup Generator

GenerateJSON-LDSimplifydata，LiterssearchRich Snippetsdisplay

📝 Article

❓ FAQ

📋 HowTo

🛍️ Product

📍 LocalBusiness

Article Chapter

ChapterTitle

ChapterDescription

ReleaseDate

Release/Website

ChapterImageURL

ChapterURL

✅ Copied to clipboard