.code,.highlight code{white-space:pre;tab-size:2}.documentSection li,.post-body h3{color:#000!important}.dark .post-body p{color:#0d0d0de6!important}.static_page .item-post h1.entry-title{font-weight:900!important;font-size:29px!important;line-height:40px!important;text-align:left!important;margin:0!important;max-width:1100px!important}.post-inner-area{position:relative!important;float:left!important;width:100%!important;overflow:hidden!important;padding:0!important;box-sizing:border-box!important;margin:0 0 10px!important;background:0 0!important;border:none!important}.action-btn,.code,.gutter,.workspace{box-sizing:border-box}.workspace{max-width:1200px;margin:0 auto;padding:12px 0}.documentSection,.preview-wrap{margin-top:14px;overflow:hidden}.html-color{color:#ff6c43!important}.css-color{color:#7b96ff!important}.js-color{color:#f7df1e!important}.panes{background:#0b0c10;border:1px solid #171920;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.code,.gutter,.highlight{overflow:auto}.pane{display:flex;flex-direction:column}.pane-header,.pane-title{align-items:center;display:flex}.pane+.pane{border-left:1px solid #1f2330}.pane-header{background:#11131a;color:#d1d5db;padding:8px 10px;justify-content:space-between;border-bottom:1px solid #1f2330}.pane-title{gap:8px;font-weight:700}.pane-title i{font-size:18px}.pane-title .html-icon{color:#e34f26}.pane-title .css-icon{color:#264de4}.pane-title .js-icon{color:#f7df1e}.documentTitle,.pane-actions,.preview-head,.preview-title{display:flex;align-items:center;gap:8px}.preview-head i{font-size:18px;color:#39e778}.code,.gutter,.highlight code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;line-height:1.6}.pane-header:hover{background:#161822}.code-area{position:relative;display:flex;height:340px}.code-area::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,#0f1117,transparent 10px);pointer-events:none;z-index:2}.gutter{width:44px;background:#0c0e14;color:#6b7280;text-align:right;padding:0 16px 12px 7px;border-right:1px solid #1f2330}.code,.highlight,.preview-head{padding:10px 12px}.code-wrap{position:relative;flex:1}.highlight{position:absolute;inset:0;background:var(--code-bg);display:none}.code{position:relative;z-index:1;width:100%;background:#0f1117;color:#e5e7eb;caret-color:#e5e7eb;border:0;outline:0;resize:none}.code:focus{box-shadow:inset 0 0 0 1px #6c5ce7;transition:box-shadow .2s}.code,.gutter,.highlight{height:100%}.code::-webkit-scrollbar,.gutter::-webkit-scrollbar,.highlight::-webkit-scrollbar{width:8px;height:8px}.code::-webkit-scrollbar-thumb,.gutter::-webkit-scrollbar-thumb,.highlight::-webkit-scrollbar-thumb{background:#3a3f4b;border-radius:8px;border:2px solid #0f1117}.code::-webkit-scrollbar-thumb:hover,.gutter::-webkit-scrollbar-thumb:hover,.highlight::-webkit-scrollbar-thumb:hover{background:#4a4f5b}.code::-webkit-scrollbar-track,.gutter::-webkit-scrollbar-track,.highlight::-webkit-scrollbar-track{background:0 0}.preview-wrap{border:1px solid #171920;border-radius:10px}.preview-head{background:#11131a;font-weight:700;color:#ffff;display:flex;justify-content:space-between;align-items:center}.action-btn,.open-new-tab{background:#20232b;padding:6px 12px;cursor:pointer;font-size:12px;align-items:center;gap:6px;transition:.2s;color:#e5e7eb;display:flex}.open-new-tab{border:1px solid #2f3340;border-radius:8px}.action-btn:hover,.open-new-tab:hover{background:#2a2d36;border-color:#3f4356;transform:translateY(-1px)}.action-btn:active,.open-new-tab:active{transform:translateY(0)}.preview iframe{width:100%;height:635px;border:0;display:block;background:#ffff}.action-btn{border:1px solid #2f3340;border-radius:8px}.action-btn i{font-size:14px}.action-btn.success{background:#14532d;border-color:#166534;color:#bbf7d0}.documentSection{background:#fff;border-radius:10px;width:100%;padding:clamp(16px,4vw,24px)}.note,.tip,.warning{padding:15px;margin:20px 0;border-radius:4px}.documentTitle::before,.related-title::before{content:'';display:block;width:4px;height:24px;background:linear-gradient(to bottom,#6c5ce7,#a178df);border-radius:2px}.documentSection h2{color:#000!important;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.documentSection h3{font-size:1.4rem!important;margin:20px 0 10px!important}.note{background-color:#e7f3fe;border-left:4px solid #2196f3}.tip{background-color:#e7f7e7;border-left:4px solid #4caf50}.warning{background-color:#fff8e1;border-left:4px solid #ffc107}.related-pages{margin-top:24px;padding:clamp(16px,4vw,24px);overflow:hidden}.related-title{font-size:clamp(1.25rem, 3vw, 1.5rem);font-weight:700;color:#e5e7eb;margin:0 0 clamp(16px,4vw,24px);display:flex;align-items:center;gap:8px}@media (max-width:1000px){.workspace{padding:12px}.panes{grid-template-columns:1fr}.pane+.pane{border-left:none;border-top:1px solid #1f2330}}@media (max-width:768px){.static_page .item-post h1.entry-title{margin-top:4px!important;margin-left:11px!important;font-size:20px!important;line-height:21px!important}}@media (max-width:480px){.workspace{padding:8px}}