.klk-publish-main {
            min-height: calc(100vh - 70px);
            padding: 28px 0 56px;
            background: var(--klk-white);
        }

        .klk-publish-main input,
        .klk-publish-main textarea,
        .klk-publish-main select,
        .klk-publish-main button {
            font: inherit;
        }

        .klk-publish-main .klk-btn-primary {
            box-shadow: none;
            border-color: var(--klk-primary);
        }

        .klk-publish-main .klk-btn-secondary {
            border-color: var(--klk-border);
        }

        .klk-publish-main .klk-publish-breadcrumb {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 16px;
            color: var(--klk-text-muted);
            font-size: 14px;
        }

        .klk-publish-main .klk-publish-breadcrumb a:hover {
            color: var(--klk-primary);
        }

        .klk-publish-main .klk-publish-breadcrumb span,
        .klk-publish-main .klk-publish-breadcrumb em {
            color: var(--klk-text-light);
            font-style: normal;
        }

        .klk-publish-main .klk-publish-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 24px;
            padding: 18px 0 24px;
            border-bottom: 1px solid var(--klk-border);
            margin-bottom: 26px;
        }

        .klk-publish-main .klk-publish-title-wrap {
            max-width: 760px;
        }

        .klk-publish-main .klk-publish-head h1 {
            margin: 0;
            color: var(--klk-text-main);
            font-size: 32px;
            line-height: 1.35;
            letter-spacing: -0.3px;
        }

        .klk-publish-main .klk-publish-head p {
            margin: 12px 0 0;
            color: var(--klk-text-muted);
            font-size: 15px;
            line-height: 1.8;
        }

        .klk-publish-main .klk-publish-status {
            min-width: 210px;
            padding: 14px 16px;
            border: 1px solid #eef2f7;
            border-radius: 6px;
            background: #f9fafb;
            color: var(--klk-text-muted);
        }

        .klk-publish-main .klk-publish-unavailable {
            max-width: 760px;
            margin: 0 auto;
            padding: 24px;
        }

        .klk-publish-main .klk-publish-unavailable-body {
            padding: 18px 0 4px;
        }

        .klk-publish-main .klk-publish-unavailable h1 {
            margin: 0;
            color: var(--klk-text-main);
            font-size: 28px;
            line-height: 1.35;
            font-weight: 800;
        }

        .klk-publish-main .klk-publish-unavailable p {
            margin: 12px 0 20px;
            color: var(--klk-text-muted);
            font-size: 15px;
            line-height: 1.8;
        }

        .klk-publish-main .klk-publish-unavailable-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .klk-publish-main .klk-publish-status strong {
            display: block;
            color: var(--klk-text-main);
            font-size: 15px;
            margin-bottom: 4px;
        }

        .klk-publish-main .klk-publish-status span {
            display: block;
        }

        .klk-publish-main .klk-publish-status-time {
            margin-top: 8px;
            color: var(--klk-text-light);
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 310px;
            gap: 22px;
            align-items: start;
        }

        .klk-publish-main .klk-publish-form {
            min-width: 0;
        }

        .klk-publish-main .klk-publish-section {
            padding: 0 0 30px;
            margin-bottom: 30px;
            border-bottom: 1px solid var(--klk-border);
        }

        .klk-publish-main .klk-publish-section:last-of-type {
            margin-bottom: 0;
        }

        .klk-publish-main .klk-publish-section-head {
            margin-bottom: 18px;
        }

        .klk-publish-main .klk-publish-section-head h2 {
            margin: 0;
            color: var(--klk-text-main);
            font-size: 21px;
            line-height: 1.45;
        }

        .klk-publish-main .klk-publish-section-head p {
            margin: 6px 0 0;
            color: var(--klk-text-muted);
            line-height: 1.75;
        }

        .klk-publish-main .klk-publish-grid-2 {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }

        .klk-publish-main .klk-publish-grid-3 {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
        }

        .klk-publish-main .klk-publish-field {
            margin-bottom: 18px;
        }

        .klk-publish-main .klk-publish-field:last-child {
            margin-bottom: 0;
        }

        .klk-publish-main .klk-publish-label-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 8px;
        }

        .klk-publish-main .klk-publish-label {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            color: var(--klk-text-main);
            font-weight: 700;
        }

        .klk-publish-main .klk-publish-required {
            color: var(--klk-danger);
            font-style: normal;
        }

        .klk-publish-main .klk-publish-hint {
            color: var(--klk-text-light);
            font-size: 13px;
            white-space: nowrap;
        }

        .klk-publish-main .klk-publish-input,
        .klk-publish-main .klk-publish-select,
        .klk-publish-main .klk-publish-textarea {
            width: 100%;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            background: var(--klk-white);
            color: var(--klk-text-main);
            outline: none;
            transition: border-color 0.18s ease, box-shadow 0.18s ease;
        }

        .klk-publish-main .klk-publish-input,
        .klk-publish-main .klk-publish-select {
            height: 46px;
            padding: 0 13px;
        }

        .klk-publish-main .klk-publish-textarea {
            min-height: 104px;
            padding: 12px 13px;
            resize: vertical;
            line-height: 1.75;
        }

        .klk-publish-main .klk-publish-input:focus,
        .klk-publish-main .klk-publish-select:focus,
        .klk-publish-main .klk-publish-textarea:focus {
            border-color: var(--klk-primary);
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
        }

        .klk-publish-main .klk-publish-input::placeholder,
        .klk-publish-main .klk-publish-textarea::placeholder {
            color: #aeb7c4;
        }

        .klk-publish-main .klk-publish-disabled {
            background: #f9fafb;
            color: var(--klk-text-muted);
        }

        .klk-publish-main .klk-publish-count {
            color: var(--klk-text-light);
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-tags {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 10px;
        }

        .klk-publish-main .klk-publish-tag {
            display: inline-flex;
            align-items: center;
            height: 28px;
            padding: 0 10px;
            border-radius: 4px;
            border: 1px solid var(--klk-border);
            background: #ffffff;
            color: #4b5563;
            font-size: 13px;
            font-weight: 600;
        }

        .klk-publish-main .klk-publish-upload {
            min-height: 176px;
            border: 1px dashed #cbd5e1;
            border-radius: 6px;
            background: #ffffff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--klk-text-muted);
            padding: 22px;
            cursor: pointer;
            transition: border-color 0.18s ease, background 0.18s ease;
        }

        .klk-publish-main .klk-publish-upload:hover {
            border-color: var(--klk-primary);
            background: #f8fbff;
        }

        .klk-publish-main .klk-publish-cover-preview {
            display: none;
            width: 100%;
            max-height: 180px;
            object-fit: cover;
            border-radius: 6px;
            border: 1px solid var(--klk-border);
            margin-bottom: 12px;
            background: #f8fafc;
        }

        .klk-publish-main .klk-publish-cover-preview.is-show {
            display: block;
        }

        .klk-publish-main .klk-publish-upload strong {
            display: block;
            color: var(--klk-text-main);
            font-size: 15px;
            margin-bottom: 5px;
        }

        .klk-publish-main .klk-publish-upload span {
            color: var(--klk-text-light);
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-upload-name {
            margin-top: 8px;
            color: var(--klk-primary);
            font-size: 13px;
            font-weight: 700;
        }

        .klk-publish-main .klk-publish-practice {
            padding: 16px;
            background: #f9fafb;
            border: 1px solid #eef2f7;
            border-radius: 6px;
        }

        .klk-publish-main .klk-md-editor {
            border: 1px solid #d1d5db;
            border-radius: 6px;
            background: var(--klk-white);
            overflow: hidden;
            transition: border-color 0.18s ease, box-shadow 0.18s ease;
        }

        .klk-publish-main .klk-md-editor:focus-within {
            border-color: var(--klk-primary);
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
        }

        .klk-publish-main .klk-md-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            min-height: 46px;
            padding: 8px 10px;
            border-bottom: 1px solid var(--klk-border);
            background: #f9fafb;
        }

        .klk-publish-main .klk-md-toolbar-left,
        .klk-publish-main .klk-md-toolbar-right {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .klk-publish-main .klk-md-tool,
        .klk-publish-main .klk-md-view-btn {
            height: 28px;
            padding: 0 10px;
            border: 1px solid var(--klk-border);
            border-radius: 4px;
            background: var(--klk-white);
            color: #4b5563;
            font-size: 13px;
            cursor: pointer;
        }

        .klk-publish-main .klk-md-tool:hover,
        .klk-publish-main .klk-md-view-btn:hover,
        .klk-publish-main .klk-md-view-btn.is-active {
            color: var(--klk-primary);
            border-color: #bfdbfe;
            background: #eff6ff;
        }

        .klk-publish-main .klk-md-body {
            display: grid;
            grid-template-columns: 1fr 1fr;
            height: 380px;
            min-height: 0;
            overflow: hidden;
        }

        .klk-publish-main .klk-md-editor.is-edit .klk-md-body {
            grid-template-columns: 1fr;
        }

        .klk-publish-main .klk-md-editor.is-preview .klk-md-body {
            grid-template-columns: 1fr;
        }

        .klk-publish-main .klk-md-editor.is-edit .klk-md-preview-wrap,
        .klk-publish-main .klk-md-editor.is-preview .klk-md-textarea-wrap {
            display: none;
        }

        .klk-publish-main .klk-md-textarea-wrap,
        .klk-publish-main .klk-md-preview-wrap {
            min-width: 0;
            min-height: 0;
            height: 100%;
        }

        .klk-publish-main .klk-md-textarea-wrap {
            border-right: 1px solid var(--klk-border);
        }

        .klk-publish-main .klk-md-editor.is-edit .klk-md-textarea-wrap,
        .klk-publish-main .klk-md-editor.is-preview .klk-md-preview-wrap {
            border-right: 0;
        }

        .klk-publish-main .klk-md-textarea {
            width: 100%;
            height: 100%;
            padding: 15px;
            border: 0;
            outline: none;
            resize: none;
            overflow: auto;
            color: #263244;
            background: #ffffff;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            font-size: 14px;
            line-height: 1.78;
        }

        .klk-publish-main .klk-md-preview-wrap {
            background: #ffffff;
            overflow: auto;
        }

        .klk-publish-main .klk-md-preview {
            min-height: 100%;
            padding: 16px;
            color: #263244;
            font-size: 15px;
            line-height: 1.9;
        }

        .klk-publish-main .klk-md-preview.is-empty {
            color: #aeb7c4;
        }

        .klk-publish-main .klk-md-preview h1,
        .klk-publish-main .klk-md-preview h2,
        .klk-publish-main .klk-md-preview h3,
        .klk-publish-main .klk-md-preview h4 {
            margin: 20px 0 10px;
            color: var(--klk-text-main);
            line-height: 1.45;
        }

        .klk-publish-main .klk-md-preview h1:first-child,
        .klk-publish-main .klk-md-preview h2:first-child,
        .klk-publish-main .klk-md-preview h3:first-child,
        .klk-publish-main .klk-md-preview h4:first-child {
            margin-top: 0;
        }

        .klk-publish-main .klk-md-preview h1 {
            font-size: 26px;
        }

        .klk-publish-main .klk-md-preview h2 {
            font-size: 22px;
        }

        .klk-publish-main .klk-md-preview h3 {
            font-size: 18px;
        }

        .klk-publish-main .klk-md-preview p {
            margin: 0 0 14px;
        }

        .klk-publish-main .klk-md-preview ul,
        .klk-publish-main .klk-md-preview ol {
            margin: 0 0 16px 0;
            padding-left: 24px;
        }

        .klk-publish-main .klk-md-preview li {
            margin: 6px 0;
        }

        .klk-publish-main .klk-md-preview blockquote {
            margin: 16px 0;
            padding: 10px 14px;
            border-left: 4px solid #bfdbfe;
            background: #f8fafc;
            color: #4b5563;
        }

        .klk-publish-main .klk-md-preview pre {
            margin: 16px 0;
            padding: 14px;
            border-radius: 6px;
            background: #111827;
            color: #e5e7eb;
            overflow: auto;
            line-height: 1.75;
        }

        .klk-publish-main .klk-md-preview code {
            padding: 2px 5px;
            border-radius: 4px;
            background: #f3f4f6;
            color: #be123c;
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            font-size: 0.92em;
        }

        .klk-publish-main .klk-md-preview pre code {
            padding: 0;
            background: transparent;
            color: inherit;
            font-size: inherit;
        }

        .klk-publish-main .klk-md-preview img {
            display: block;
            max-width: 100%;
            margin: 14px 0;
            border: 1px solid var(--klk-border);
            border-radius: 6px;
        }

        .klk-publish-main .klk-md-table-wrap {
            overflow-x: auto;
            margin: 16px 0;
            border: 1px solid var(--klk-border);
            border-radius: 6px;
            background: #ffffff;
        }

        .klk-publish-main .klk-md-table-wrap table {
            width: 100%;
            min-width: 560px;
            border-collapse: collapse;
            font-size: 13px;
            line-height: 1.6;
        }

        .klk-publish-main .klk-md-table-wrap th,
        .klk-publish-main .klk-md-table-wrap td {
            padding: 9px 10px;
            border-bottom: 1px solid #e5e7eb;
            border-right: 1px solid #e5e7eb;
            vertical-align: top;
        }

        .klk-publish-main .klk-md-table-wrap th:last-child,
        .klk-publish-main .klk-md-table-wrap td:last-child {
            border-right: 0;
        }

        .klk-publish-main .klk-md-table-wrap tbody tr:last-child td {
            border-bottom: 0;
        }

        .klk-publish-main .klk-md-table-wrap th {
            background: #f8fafc;
            color: var(--klk-text-main);
            font-weight: 700;
            white-space: nowrap;
        }

        .klk-publish-main .klk-md-image-placeholder {
            display: block;
            margin: 14px 0;
            padding: 12px 14px;
            border: 1px dashed #cbd5e1;
            border-radius: 6px;
            background: #f8fafc;
            color: var(--klk-text-muted);
            font-size: 13px;
        }

        .klk-publish-main .klk-md-attachment-preview {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin: 14px 0;
            padding: 12px 14px;
            border: 1px solid #dbeafe;
            border-radius: 6px;
            background: #f8fafc;
            color: #475569;
            font-size: 13px;
        }

        .klk-publish-main .klk-md-attachment-preview strong {
            min-width: 0;
            overflow: hidden;
            color: var(--klk-text-main);
            font-weight: 600;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .klk-publish-main .klk-md-attachment-preview span {
            flex: 0 0 auto;
            color: var(--klk-text-light);
        }

        .klk-publish-main .klk-md-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 12px;
            border-top: 1px solid var(--klk-border);
            color: var(--klk-text-light);
            font-size: 13px;
            background: #ffffff;
        }

        .klk-publish-main .klk-md-paid .klk-md-body {
            height: 520px;
        }

        .klk-publish-main .klk-md-scroll-tip {
            color: var(--klk-text-light);
            font-size: 12px;
        }


        .klk-publish-main .klk-paid-includes-box {
            padding: 16px;
            border: 1px solid #eef2f7;
            border-radius: 6px;
            background: #f9fafb;
        }

        .klk-publish-main .klk-paid-includes-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 12px;
        }

        .klk-publish-main .klk-paid-includes-head strong {
            color: var(--klk-text-main);
            font-size: 15px;
        }

        .klk-publish-main .klk-paid-includes-head span {
            color: var(--klk-text-light);
            font-size: 13px;
        }

        .klk-publish-main .klk-paid-includes-list {
            display: grid;
            gap: 10px;
        }

        .klk-publish-main .klk-paid-include-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 36px;
            gap: 8px;
            align-items: center;
        }

        .klk-publish-main .klk-paid-include-remove {
            width: 36px;
            height: 36px;
            border: 1px solid var(--klk-border);
            border-radius: 6px;
            background: #ffffff;
            color: var(--klk-text-light);
            cursor: pointer;
            font-size: 18px;
            line-height: 1;
        }

        .klk-publish-main .klk-paid-include-remove:hover {
            color: var(--klk-danger);
            border-color: #fecaca;
            background: #fff5f5;
        }

        .klk-publish-main .klk-paid-includes-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-top: 12px;
        }

        .klk-publish-main .klk-paid-include-add {
            height: 34px;
            padding: 0 12px;
            border: 1px solid #bfdbfe;
            border-radius: 6px;
            background: #eff6ff;
            color: var(--klk-primary);
            font-weight: 700;
            cursor: pointer;
        }

        .klk-publish-main .klk-paid-include-add:hover {
            border-color: var(--klk-primary);
            background: #dbeafe;
        }

        .klk-publish-main .klk-paid-includes-tip {
            color: var(--klk-text-light);
            font-size: 13px;
        }

        .klk-publish-main .klk-paid-includes-preview {
            display: grid;
            gap: 8px;
        }

        .klk-publish-main .klk-paid-includes-preview-item {
            display: flex;
            gap: 8px;
            color: #4b5563;
            line-height: 1.65;
        }

        .klk-publish-main .klk-publish-price-box {
            display: grid;
            grid-template-columns: 180px minmax(0, 1fr);
            gap: 16px;
            align-items: start;
            padding: 16px;
            border: 1px solid #eef2f7;
            border-radius: 6px;
            background: #f9fafb;
        }

        .klk-publish-main .klk-publish-radio-list {
            display: grid;
            gap: 10px;
        }

        .klk-publish-main .klk-publish-radio {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--klk-text-main);
            cursor: pointer;
        }

        .klk-publish-main .klk-publish-radio input {
            width: 15px;
            height: 15px;
            margin: 0;
        }

        .klk-publish-main .klk-publish-price-input-wrap {
            position: relative;
        }

        .klk-publish-main .klk-publish-price-input-wrap span {
            position: absolute;
            left: 13px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--klk-text-muted);
            font-weight: 700;
        }

        .klk-publish-main .klk-publish-price-input-wrap .klk-publish-input {
            padding-left: 32px;
            color: var(--klk-danger);
            font-weight: 800;
        }


        .klk-publish-main .klk-publish-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 18px 0 0;
        }

        .klk-publish-main .klk-publish-actions-left,
        .klk-publish-main .klk-publish-actions-right {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
        }

        .klk-publish-main .klk-publish-action-note {
            color: var(--klk-text-light);
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-side {
            position: sticky;
            top: 92px;
        }

        .klk-publish-main .klk-publish-side-card {
            padding: 20px;
            margin-bottom: 16px;
            background: var(--klk-white);
            border: 1px solid var(--klk-border);
            border-radius: 6px;
        }

        .klk-publish-main .klk-publish-side-card h2 {
            margin: 0 0 13px;
            color: var(--klk-text-main);
            font-size: 17px;
            line-height: 1.45;
        }

        .klk-publish-main .klk-publish-side-card p {
            margin: 0;
            color: var(--klk-text-muted);
            line-height: 1.75;
        }

        .klk-publish-main .klk-publish-side-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .klk-publish-main .klk-publish-side-list li {
            display: flex;
            gap: 9px;
            padding: 8px 0;
            border-bottom: 1px solid #f3f4f6;
            color: #4b5563;
            line-height: 1.7;
        }

        .klk-publish-main .klk-publish-side-list li:last-child {
            border-bottom: 0;
        }

        .klk-publish-main .klk-publish-checkmark {
            flex: 0 0 auto;
            color: var(--klk-success);
            font-weight: 800;
        }


        .klk-publish-main .klk-publish-outline {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .klk-publish-main .klk-publish-outline-link {
            width: 100%;
            padding: 8px 0;
            border: 0;
            border-bottom: 1px solid #f3f4f6;
            background: transparent;
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            gap: 10px;
            color: #4b5563;
            text-align: left;
            cursor: pointer;
        }

        .klk-publish-main .klk-publish-outline-link:last-child {
            border-bottom: 0;
        }

        .klk-publish-main .klk-publish-outline-link:hover {
            color: var(--klk-primary);
        }

        .klk-publish-main .klk-publish-outline-link span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .klk-publish-main .klk-publish-outline-link em {
            font-style: normal;
            color: var(--klk-text-light);
            font-size: 12px;
        }

        .klk-publish-main .klk-publish-outline-link.is-level-3 {
            padding-left: 16px;
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-outline-empty {
            color: var(--klk-text-light);
            font-size: 13px;
            line-height: 1.7;
        }

        .klk-publish-main .klk-publish-status-list {
            display: grid;
            grid-template-columns: 80px 1fr;
            gap: 8px 12px;
            color: var(--klk-text-muted);
            font-size: 14px;
        }

        .klk-publish-main .klk-publish-status-list strong {
            color: var(--klk-text-main);
            font-weight: 600;
        }

        .klk-publish-main .klk-publish-warning {
            border-color: #fde68a;
            background: #fffbeb;
        }

        .klk-publish-main .klk-publish-warning h2,
        .klk-publish-main .klk-publish-warning p {
            color: #92400e;
        }

        .klk-publish-main .klk-preview-modal {
            position: fixed;
            inset: 0;
            z-index: 60;
            display: none;
            background: rgba(17, 24, 39, 0.48);
            padding: 24px;
        }

        .klk-publish-main .klk-preview-modal.is-show {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .klk-publish-main .klk-preview-dialog {
            width: 920px;
            max-width: 100%;
            max-height: calc(100vh - 48px);
            display: flex;
            flex-direction: column;
            border-radius: 6px;
            background: #ffffff;
            overflow: hidden;
        }

        .klk-publish-main .klk-preview-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 16px 18px;
            border-bottom: 1px solid var(--klk-border);
        }

        .klk-publish-main .klk-preview-head h2 {
            margin: 0;
            color: var(--klk-text-main);
            font-size: 18px;
        }

        .klk-publish-main .klk-preview-close {
            width: 34px;
            height: 34px;
            border: 1px solid var(--klk-border);
            border-radius: 6px;
            background: #ffffff;
            color: var(--klk-text-muted);
            cursor: pointer;
            font-size: 18px;
        }

        .klk-publish-main .klk-preview-close:hover {
            color: var(--klk-primary);
            border-color: #bfdbfe;
        }

        .klk-publish-main .klk-preview-body {
            padding: 22px 24px;
            overflow: auto;
        }

        .klk-publish-main .klk-preview-title {
            margin: 0 0 12px;
            color: var(--klk-text-main);
            font-size: 30px;
            line-height: 1.35;
        }

        .klk-publish-main .klk-preview-summary {
            margin: 0 0 20px;
            color: #4b5563;
            font-size: 16px;
            line-height: 1.85;
        }

        .klk-publish-main .klk-preview-tags {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 20px;
        }

        .klk-publish-main .klk-preview-paywall {
            margin: 28px 0;
            padding: 22px;
            border: 1px solid #bfdbfe;
            border-radius: 6px;
            background: #eff6ff;
            text-align: center;
        }

        .klk-publish-main .klk-preview-paywall strong {
            display: block;
            color: var(--klk-text-main);
            font-size: 19px;
            margin-bottom: 6px;
        }

        @media (max-width: 960px) {
            .klk-publish-main .klk-publish-head {
                flex-direction: column;
            }

            .klk-publish-main .klk-publish-status {
                width: 100%;
            }

            .klk-publish-main .klk-publish-layout {
                grid-template-columns: 1fr;
            }

            .klk-publish-main .klk-publish-side {
                position: static;
            }
        }

        @media (max-width: 720px) {
            .klk-publish-main {
                padding: 22px 0 42px;
            }

            .klk-publish-main .klk-publish-head h1 {
                font-size: 26px;
            }

            .klk-publish-main .klk-publish-grid-2,
            .klk-publish-main .klk-publish-grid-3,
            .klk-publish-main .klk-publish-price-box,

            .klk-publish-main .klk-md-toolbar {
                align-items: flex-start;
                flex-direction: column;
            }

            .klk-publish-main .klk-md-body {
                grid-template-columns: 1fr;
                height: auto;
                overflow: visible;
            }

            .klk-publish-main .klk-md-textarea-wrap,
            .klk-publish-main .klk-md-preview-wrap {
                height: 320px;
            }

            .klk-publish-main .klk-md-paid .klk-md-textarea-wrap,
            .klk-publish-main .klk-md-paid .klk-md-preview-wrap {
                height: 380px;
            }

            .klk-publish-main .klk-md-textarea-wrap {
                border-right: 0;
                border-bottom: 1px solid var(--klk-border);
            }

            .klk-publish-main .klk-publish-actions {
                align-items: stretch;
                flex-direction: column;
            }

            .klk-publish-main .klk-publish-actions-left,
            .klk-publish-main .klk-publish-actions-right {
                width: 100%;
            }

            .klk-publish-main .klk-publish-actions-left .klk-btn,
            .klk-publish-main .klk-publish-actions-right .klk-btn {
                flex: 1 1 100%;
            }

            .klk-publish-main .klk-publish-hint {
                white-space: normal;
            }

            .klk-publish-main .klk-paid-includes-head,
            .klk-publish-main .klk-paid-includes-actions {
                align-items: flex-start;
                flex-direction: column;
            }

            .klk-publish-main .klk-preview-modal {
                padding: 14px;
            }

            .klk-publish-main .klk-preview-title {
                font-size: 24px;
            }
        }

.klk-publish-main[v-cloak] { display: none; }

        /* Layout Override：发布页对齐详情页的左主右辅卡片结构 */
        .klk-publish-main {
            min-height: calc(100vh - 56px);
            padding: 20px 0 48px;
            background: var(--klk-bg);
        }

        .klk-publish-main .klk-container {
            width: 1180px;
            max-width: calc(100% - 32px);
        }

        .klk-publish-main .klk-publish-layout {
            display: grid;
            grid-template-columns: minmax(0, 760px) 260px;
            gap: 18px;
            align-items: start;
            justify-content: center;
        }

        .klk-publish-main .klk-publish-main-column {
            min-width: 0;
        }

        .klk-publish-main .klk-publish-card,
        .klk-publish-main .klk-publish-side-card {
            background: var(--klk-white);
            border: 0;
            border-radius: 6px;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
        }

        .klk-publish-main .klk-publish-card {
            padding: 26px 28px 30px;
        }

        .klk-publish-main .klk-publish-breadcrumb {
            margin-bottom: 14px;
            gap: 7px;
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-head {
            align-items: flex-start;
            padding: 0 0 22px;
            margin-bottom: 24px;
            border-bottom: 1px solid #f1f5f9;
        }

        .klk-publish-main .klk-publish-title-wrap {
            max-width: none;
        }

        .klk-publish-main .klk-publish-head h1 {
            color: #1d2533;
            font-size: 28px;
            line-height: 1.36;
            font-weight: 800;
        }

        .klk-publish-main .klk-publish-head p {
            margin-top: 10px;
            font-size: 14px;
            line-height: 1.75;
        }

        .klk-publish-main .klk-publish-status {
            min-width: 196px;
            padding: 13px 14px;
            border: 0;
            border-radius: 4px;
            background: #f8fafc;
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-status strong {
            font-size: 14px;
            font-weight: 700;
        }

        .klk-publish-main .klk-publish-side .klk-publish-status {
            min-width: 0;
        }

        .klk-publish-main .klk-publish-section {
            padding: 0 0 28px;
            margin-bottom: 28px;
            border-bottom: 1px solid #f1f5f9;
        }

        .klk-publish-main .klk-publish-section:last-of-type {
            padding-bottom: 0;
            border-bottom: 0;
        }

        .klk-publish-main .klk-publish-section-head h2 {
            font-size: 20px;
        }

        .klk-publish-main .klk-publish-section-head p {
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-input,
        .klk-publish-main .klk-publish-select {
            height: 40px;
            border-radius: 4px;
        }

        .klk-publish-main .klk-publish-textarea,
        .klk-publish-main .klk-publish-upload,
        .klk-publish-main .klk-publish-practice,
        .klk-publish-main .klk-md-editor,
        .klk-publish-main .klk-paid-includes-box,
        .klk-publish-main .klk-publish-price-box {
            border-radius: 4px;
        }

        .klk-publish-main .klk-publish-practice .klk-publish-grid-3 {
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .klk-publish-main .klk-md-toolbar {
            min-height: 42px;
        }

        .klk-publish-main .klk-md-body {
            height: 390px;
        }

        .klk-publish-main .klk-md-paid .klk-md-body {
            height: 520px;
        }

        .klk-publish-main .klk-md-footer {
            align-items: flex-start;
            line-height: 1.55;
        }

        .klk-publish-main .klk-publish-price-box {
            grid-template-columns: 150px minmax(0, 1fr);
        }

        .klk-publish-main .klk-publish-actions {
            padding-top: 20px;
        }

        .klk-publish-main .klk-publish-side {
            position: sticky;
            top: 76px;
        }

        .klk-publish-main .klk-publish-side-card {
            padding: 18px;
            margin-bottom: 14px;
        }

        .klk-publish-main .klk-publish-side-card h2 {
            margin: 0 0 13px;
            color: #1f2937;
            font-size: 15px;
            line-height: 1.45;
            font-weight: 800;
        }

        .klk-publish-main .klk-publish-side-card p,
        .klk-publish-main .klk-publish-side-list li,
        .klk-publish-main .klk-publish-outline-link {
            font-size: 13px;
        }

        .klk-publish-main .klk-publish-side-list li {
            padding: 8px 0;
            border-bottom-color: #f1f5f9;
        }

        .klk-publish-main .klk-publish-outline-link {
            padding: 8px 0;
            border-bottom-color: #f1f5f9;
        }

        .klk-publish-main .klk-publish-outline-link.is-level-3 {
            padding-left: 14px;
            font-size: 12px;
        }

        .klk-publish-main .klk-publish-status-list {
            grid-template-columns: 64px 1fr;
            font-size: 13px;
        }

        @media (max-width: 1080px) {
            .klk-publish-main .klk-publish-layout {
                grid-template-columns: minmax(0, 1fr) 260px;
            }
        }

        @media (max-width: 900px) {
            .klk-publish-main .klk-publish-layout {
                grid-template-columns: 1fr;
            }

            .klk-publish-main .klk-publish-side {
                position: static;
            }

            .klk-publish-main .klk-publish-title-wrap {
                max-width: none;
            }
        }

        @media (max-width: 640px) {
            .klk-publish-main {
                padding: 12px 0 34px;
            }

            .klk-publish-main .klk-container {
                max-width: calc(100% - 20px);
            }

            .klk-publish-main .klk-publish-card {
                padding: 22px 18px 26px;
            }

            .klk-publish-main .klk-publish-head h1 {
                font-size: 24px;
            }

            .klk-publish-main .klk-publish-grid-2,
            .klk-publish-main .klk-publish-grid-3,
            .klk-publish-main .klk-publish-price-box {
                grid-template-columns: 1fr;
            }
        }