body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f0f2f5;color:#2c3e50;line-height:1.6}.json-intro-container{width:100%;min-height:calc(100vh - 60px - 200px);padding:40px 0}@media(max-width: 768px){.json-intro-container{padding:0}}.content-wrapper{max-width:1000px;margin:0 auto;padding:0 20px}@media(max-width: 768px){.content-wrapper{padding:0}}.article-content{background:#fff;padding:60px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08)}@media(max-width: 768px){.article-content{padding:24px 16px;border-radius:0;box-shadow:none;background:rgba(0,0,0,0)}}.article-content h1.main-title{font-size:2.8rem;color:#2c3e50;margin-bottom:50px;text-align:center;font-weight:800;letter-spacing:-0.5px}@media(max-width: 768px){.article-content h1.main-title{font-size:2rem;margin-bottom:30px;text-align:left}}.article-content section{margin-bottom:60px}.article-content section:last-child{margin-bottom:0}.article-content section h2{font-size:1.8rem;color:#2c3e50;margin-bottom:24px;padding-bottom:12px;border-bottom:3px solid rgba(74,144,226,.2);display:inline-block;position:relative}.article-content section h2::after{content:"";position:absolute;bottom:-3px;left:0;width:40%;height:3px;background:#4a90e2;border-radius:3px}@media(max-width: 768px){.article-content section h2{font-size:1.5rem;width:100%;border-bottom-color:rgba(74,144,226,.1)}.article-content section h2::after{width:60px}}.article-content section h3{font-size:1.4rem;margin-top:30px;margin-bottom:15px;color:rgb(62.0967741935,87.5,112.9032258065)}.article-content section p{color:#596c7e;font-size:1.125rem;margin-bottom:20px;line-height:1.8;text-align:justify}@media(max-width: 768px){.article-content section p{font-size:1.05rem;text-align:left}}.article-content section ul,.article-content section ol{padding-left:20px;margin-bottom:20px}.article-content section ul li,.article-content section ol li{margin-bottom:12px;color:#596c7e;font-size:1.05rem;line-height:1.7}.article-content section ul li strong,.article-content section ol li strong{color:rgb(34.9516129032,49.25,63.5483870968)}.syntax-list{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;margin-bottom:40px}@media(max-width: 768px){.syntax-list{grid-template-columns:1fr;gap:16px}}.syntax-list .syntax-item{background:#fff;padding:24px 20px;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(225,228,232,.5);box-shadow:0 2px 8px rgba(0,0,0,.02)}.syntax-list .syntax-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.06);border-color:rgba(74,144,226,.3)}.syntax-list .syntax-item .icon{font-size:2.5rem;display:block;margin-bottom:15px}.syntax-list .syntax-item .text{font-size:1rem;color:#2c3e50;line-height:1.5}.syntax-list .syntax-item .text strong{color:#4a90e2;font-weight:600;display:block;margin-top:4px}.code-block{background:#282c34;border-radius:12px;padding:24px;overflow-x:auto;margin:20px 0;box-shadow:inset 0 0 20px rgba(0,0,0,.3)}.code-block pre{margin:0;font-family:"Fira Code","Consolas","Monaco",monospace;font-size:.95rem;color:#abb2bf;line-height:1.6}.datatype-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media(max-width: 768px){.datatype-grid{grid-template-columns:1fr;gap:16px}}.datatype-grid .datatype-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e1e4e8;transition:all .3s ease}.datatype-grid .datatype-card:hover{border-color:#4a90e2;box-shadow:0 8px 20px rgba(74,144,226,.15);transform:translateY(-2px)}.datatype-grid .datatype-card h3{font-size:1.2rem;margin:0 0 12px 0;color:#2c3e50;font-weight:600}.datatype-grid .datatype-card p{font-size:.95rem;color:#596c7e;margin-bottom:15px}.datatype-grid .datatype-card code{display:block;background:rgba(74,144,226,.05);padding:10px;border-radius:6px;font-family:monospace;font-size:.9rem;color:rgb(34.3857142857,117.3857142857,214.6142857143);border:1px dashed rgba(74,144,226,.3)}.comparison-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e1e4e8;margin-top:20px}.comparison-table-wrapper .comparison-table{width:100%;border-collapse:collapse;background:#fff;min-width:600px}.comparison-table-wrapper .comparison-table th,.comparison-table-wrapper .comparison-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #e1e4e8}.comparison-table-wrapper .comparison-table th{background-color:rgba(74,144,226,.05);font-weight:600;color:#2c3e50;border-bottom:2px solid rgba(74,144,226,.1)}.comparison-table-wrapper .comparison-table td{color:#596c7e;font-size:1rem}.comparison-table-wrapper .comparison-table tr:last-child td{border-bottom:none}.comparison-table-wrapper .comparison-table tr:hover td{background-color:#fafafa}.cta-section{text-align:center;margin-top:80px;padding:60px 40px;background:linear-gradient(135deg, rgba(74, 144, 226, 0.1) 0%, rgba(74, 144, 226, 0.05) 100%);border-radius:12px;position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, #4a90e2, rgb(161.9142857143, 197.9142857143, 240.0857142857))}.cta-section p{font-size:1.8rem;font-weight:700;margin-bottom:30px;color:#2c3e50}.cta-section .btn-primary{display:inline-block;background-color:#4a90e2;color:#fff;padding:16px 40px;border-radius:50px;text-decoration:none;font-size:1.1rem;transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);font-weight:600;box-shadow:0 4px 15px rgba(74,144,226,.3)}.cta-section .btn-primary:hover{background-color:rgb(52.0214285714,130.5214285714,222.4785714286);transform:translateY(-3px);box-shadow:0 8px 25px rgba(74,144,226,.4)}.cta-section .btn-primary:active{transform:translateY(-1px)}.usage-section ol{counter-reset:usage-counter;list-style:none;padding:0;display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}@media(max-width: 768px){.usage-section ol{grid-template-columns:1fr}}.usage-section ol li{position:relative;padding:20px 20px 20px 60px;background:#fff;border-radius:12px;border:1px solid #e1e4e8;margin-bottom:0;transition:all .3s}.usage-section ol li:hover{border-color:#4a90e2;background:rgba(74,144,226,.02)}.usage-section ol li::before{counter-increment:usage-counter;content:counter(usage-counter);position:absolute;left:20px;top:20px;width:28px;height:28px;background:#4a90e2;color:#fff;border-radius:50%;text-align:center;line-height:28px;font-weight:bold;font-size:14px}.usage-section ol li strong{display:block;color:#2c3e50;margin-bottom:5px;font-size:1.1rem}.usage-section ol li span{font-size:.95rem;color:#596c7e}