@charset "UTF-8";html,body,#app{height:100%;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}.code-block-wrapper{margin:12px 0;border-radius:8px;background:#f6f8fa;overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;background:#f3f4f6;border-bottom:1px solid #e1e4e8}.code-block-lang{font-size:12px;font-weight:500;color:#666;text-transform:uppercase}.code-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #e1e4e8;border-radius:6px;background:#fff;color:#666;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.code-copy-btn:hover{background:#f3f4f6;color:#333;border-color:#d0d7de}.code-block-wrapper pre{background:transparent;padding:12px;margin:0;border-radius:0;overflow-x:hidden;font-size:13px;line-height:1.6}.code-block-wrapper pre code{background:transparent;padding:0;border-radius:0;font-size:inherit;white-space:pre-wrap;word-break:break-all;overflow-wrap:break-word}.html-preview-wrapper{margin:12px 0;border:1px solid #e1e4e8;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000000f}.html-preview-header{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px}.html-preview-title{font-weight:600}.html-preview-lang{font-size:11px;padding:2px 6px;background:#fff3;border-radius:4px}.html-preview-body{border-bottom:1px solid #e1e4e8;background:#fafafa;padding:16px}.html-preview-frame{width:100%;height:400px;border:1px solid #e1e4e8;border-radius:8px;background:#fff}.html-source-toggle{padding:0}.html-source-toggle summary{display:flex;align-items:center;justify-content:center;gap:6px;height:36px;cursor:pointer;font-size:13px;color:#666;background:#f6f8fa;border:none;outline:none;transition:background .2s;list-style:none}.html-source-toggle summary:hover{background:#eef1f4}.html-source-toggle summary::-webkit-details-marker{display:none}.html-source-toggle summary:before{content:"▶";font-size:10px;transition:transform .2s}.html-source-toggle[open] summary:before{content:"▼"}.table-block-wrapper{margin:12px 0;border:1px solid #e1e4e8;border-radius:12px;background:#fff;overflow:hidden}.table-block-header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;background:#f6f8fa;border-bottom:1px solid #e1e4e8}.table-block-title{font-size:13px;font-weight:500;color:#333}.table-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #e1e4e8;border-radius:6px;background:#fff;color:#666;cursor:pointer;opacity:0;transition:opacity .2s,background .2s,color .2s,border-color .2s}.table-copy-btn:hover{background:#f3f4f6;color:#333;border-color:#d0d7de}.table-block-wrapper:hover .table-copy-btn{opacity:1}.table-block-body{padding:12px;overflow-x:auto}.table-block-body table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.table-block-body th,.table-block-body td{padding:10px 12px;border:1px solid #e1e4e8;text-align:left;vertical-align:top}.table-block-body th{background:#f6f8fa;font-weight:600;color:#333}.table-block-body td{color:#555}.table-block-body tr:nth-child(2n) td{background:#fafbfc}