:root {
    --doc-primary: #42b883;
    --doc-primary-dark: #33a06f;
    --doc-primary-light: #e8f8f1;
    --doc-text: #2c3e50;
    --doc-text-secondary: #6b7a8c;
    --doc-border: #e5e9ef;
    --doc-bg: #ffffff;
    --doc-bg-soft: #f8fafc;
    --doc-header-h: 56px;
    --doc-radius: 8px;
    --doc-shadow: 0 2px 12px rgba(30, 60, 90, 0.06);
    --doc-danger: #f56c6c;
    --doc-warn: #e6a23c;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; }

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color: var(--doc-text);
    background: var(--doc-bg);
    line-height: 1.7;
    font-size: 15px;
    /* 页面整体不滚动，由各栏内部滚动 */
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

a { color: var(--doc-primary); text-decoration: none; }
a:hover { color: var(--doc-primary-dark); }

/* ============ 顶部导航 ============ */
.doc-header {
    position: sticky; top: 0; z-index: 100;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--doc-border);
    height: var(--doc-header-h);
}
.doc-header-inner {
    width: 100%; max-width: 1680px; margin: 0 auto; padding: 0 24px;
    height: 100%; display: flex; align-items: center; gap: 28px; box-sizing: border-box;
}
.doc-logo {
    display: flex; align-items: center; gap: 8px;
    font-size: 18px; font-weight: 700; color: var(--doc-text);
}
.doc-logo:hover { color: var(--doc-text); }
.doc-logo-icon {
    width: 28px; height: 28px; border-radius: 6px;
    background: linear-gradient(135deg, var(--doc-primary), #67d8a8);
    color: #fff; display: inline-flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 700;
}
.doc-nav { display: flex; gap: 22px; flex: 1; }
.doc-nav a {
    color: var(--doc-text-secondary); font-size: 15px; line-height: var(--doc-header-h);
    border-bottom: 2px solid transparent;
}
.doc-nav a:hover { color: var(--doc-primary); }
.doc-nav a.active { color: var(--doc-primary); border-bottom-color: var(--doc-primary); }
.doc-header-right { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.doc-user { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.doc-user a { color: var(--doc-text); font-weight: 600; }

/* 等级徽标 */
.doc-level {
    display: inline-block; padding: 1px 10px; border-radius: 12px;
    font-size: 12px; line-height: 20px; white-space: nowrap;
}
.doc-level-0 { background: #eceff1; color: #546e7a; }
.doc-level-1 { background: #e8f5e9; color: #2e7d32; }
.doc-level-2 { background: #e3f2fd; color: #1565c0; }
.doc-level-3 { background: #fff3e0; color: #e65100; }
.doc-expire { color: var(--doc-text-secondary); font-size: 12px; }

/* 按钮 */
.doc-btn {
    display: inline-block; padding: 7px 18px; border-radius: 6px;
    border: 1px solid var(--doc-border); background: var(--doc-bg);
    color: var(--doc-text); font-size: 14px; cursor: pointer;
    transition: all .2s; text-align: center; line-height: 1.5;
}
.doc-btn:hover { border-color: var(--doc-primary); color: var(--doc-primary); }
.doc-btn-primary {
    background: var(--doc-primary); border-color: var(--doc-primary); color: #fff;
}
.doc-btn-primary:hover { background: var(--doc-primary-dark); border-color: var(--doc-primary-dark); color: #fff; }
.doc-btn-ghost { border-color: var(--doc-primary); color: var(--doc-primary); background: transparent; }
.doc-btn-ghost:hover { background: var(--doc-primary-light); }
.doc-btn-disabled { cursor: not-allowed; opacity: .6; pointer-events: none; }
.doc-btn-block { display: block; width: 100%; }
.doc-btn-sm { padding: 4px 12px; font-size: 13px; }

/* 公告 */
.doc-announcement {
    background: #fffbe6; border-bottom: 1px solid #f0e3b0;
    color: #8a6d1f; padding: 8px 20px; text-align: center; font-size: 13px;
}
.doc-announcement-label {
    display: inline-block; background: #e6a23c; color: #fff;
    font-size: 12px; padding: 0 8px; border-radius: 4px; margin-right: 8px;
}

/* ============ 三栏布局（宽屏自适应：占满视口，目录/内容/右侧目录均拉宽，各栏独立滚动） ============ */
.doc-layout {
    flex: 1; min-height: 0;
    width: 100%; margin: 0 auto; padding: 12px;
    display: flex; gap: 28px; align-items: stretch; overflow: hidden;
    box-sizing: border-box;
}
.doc-sidebar {
    width: 260px; flex-shrink: 0;
    height: 100%; overflow-y: auto; box-sizing: border-box;
    padding-bottom: 24px;
	border-right: 1px solid var(--doc-border);
}
.doc-main { flex: 1; min-width: 0; height: 100%; overflow-y: auto; padding:10px;}
.doc-toc {
    width: 230px; flex-shrink: 0;
    height: 100%; overflow-y: auto; box-sizing: border-box;
    padding-bottom: 24px;
}
.doc-toc:empty { display: none; }

.doc-sidebar-title {
    font-size: 13px; color: var(--doc-text-secondary);
    padding: 4px 0 10px; font-weight: 600;
    border-bottom: 1px solid var(--doc-border); margin-bottom: 8px;
}
.doc-sidebar-nav { font-size: 14px; }
.doc-sidebar-group { margin-bottom: 2px; }
.doc-sidebar-item {
    display: block; padding: 6px 8px; border-radius: 6px; color: var(--doc-text);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.doc-sidebar-item:hover { background: var(--doc-bg-soft); color: var(--doc-primary); }
.doc-sidebar-item.active { color: var(--doc-primary); background: var(--doc-primary-light); font-weight: 600; }
.doc-sidebar-dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--doc-border); margin-right: 6px; vertical-align: middle; }
.doc-sidebar-item.active .doc-sidebar-dot { background: var(--doc-primary); }

/* 分类节点：箭头 + 名称，点击导航到分类页（默认全部展开，无收起） */
.doc-sidebar-cat {
    display: flex; align-items: center; gap: 4px; cursor: pointer;
    user-select: none; text-decoration: none;
}
.doc-sidebar-cat:hover { background: var(--doc-bg-soft); color: var(--doc-primary); }
.doc-sidebar-cat.active { color: var(--doc-primary); background: var(--doc-primary-light); font-weight: 600; }
.doc-sidebar-arrow {
    flex-shrink: 0; width: 14px; height: 14px; position: relative;
}
.doc-sidebar-arrow::before {
    content: ''; position: absolute; left: 4px; top: 3px;
    width: 5px; height: 5px;
    border-right: 1.5px solid var(--doc-text-secondary);
    border-bottom: 1.5px solid var(--doc-text-secondary);
    /* 下箭头：该分类已展开且有子目录 */
    transform: rotate(45deg);
}
.doc-sidebar-cat.active .doc-sidebar-arrow::before { border-color: var(--doc-primary); }
.doc-sidebar-label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 子目录：默认全部展开，逐级缩进；与父级之间保留间隙 */
.doc-sidebar-children { margin-left: 12px; border-left: 1px solid var(--doc-border); padding-left: 6px; margin-top: 4px; display: block; }
.doc-sidebar-sub { font-size: 13px; color: var(--doc-text-secondary); display: flex; align-items: center; }
.doc-sidebar-sub.active { color: var(--doc-primary); background: var(--doc-primary-light); font-weight: 600; }

/* TOC */
.doc-toc-title { font-size: 13px; color: var(--doc-text-secondary); font-weight: 600; margin-bottom: 8px; }
.doc-toc-nav { font-size: 13px; border-left: 2px solid var(--doc-border); padding-left: 12px; }
.doc-toc-item {
    display: block; color: var(--doc-text-secondary); padding: 3px 0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.doc-toc-item:hover { color: var(--doc-primary); }
.doc-toc-item.active { color: var(--doc-primary); }
.doc-toc-l2 { padding-left: 14px; }

/* ============ 页面头 ============ */
.doc-page-head { padding: 16px 0 20px; }
.doc-page-head-center { text-align: center; }
.doc-page-head h1 { font-size: 26px; font-weight: 700; }
.doc-page-sub { color: var(--doc-text-secondary); margin-top: 6px; font-size: 14px; }

/* ============ 文章列表 ============ */
.doc-article-list { list-style: none; }
.doc-article-item {
    padding: 18px 20px; margin-bottom: 12px;
    border: 1px solid var(--doc-border); border-radius: var(--doc-radius);
    transition: box-shadow .2s, transform .2s;
}
.doc-article-item:hover { box-shadow: var(--doc-shadow); transform: translateY(-2px); }
.doc-article-meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--doc-text-secondary); flex-wrap: wrap; }
.doc-cat { color: var(--doc-primary); font-weight: 600; }
.doc-date { color: var(--doc-text-secondary); }
.doc-article-title { margin: 8px 0 4px; font-size: 18px; }
.doc-article-title a { color: var(--doc-text); }
.doc-article-title a:hover { color: var(--doc-primary); }
.doc-lock { font-size: 13px; }
.doc-article-summary {
    color: var(--doc-text-secondary); font-size: 14px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.doc-article-foot { margin-top: 10px; font-size: 12px; color: var(--doc-text-secondary); }

/* 搜索 */
.doc-search-form { display: flex; gap: 10px; margin-top: 16px; max-width: 480px; }
.doc-search-input {
    flex: 1; padding: 9px 14px; border: 1px solid var(--doc-border);
    border-radius: 6px; font-size: 14px; outline: none; background: var(--doc-bg-soft);
}
.doc-search-input:focus { border-color: var(--doc-primary); background: #fff; }
.doc-search-result { margin: 14px 0; color: var(--doc-text-secondary); font-size: 14px; }

/* 空状态 */
.doc-empty { padding: 60px 20px; text-align: center; color: var(--doc-text-secondary); }
.doc-empty-sm { padding: 30px 20px; }

/* ============ 详情页 ============ */
.doc-article-page { min-height: 400px; }
.doc-article-header { border-bottom: 1px solid var(--doc-border); padding-bottom: 18px; margin-bottom: 24px; }
.doc-article-header h1 { font-size: 28px; line-height: 1.4; margin-top: 10px; }
.doc-article-lead { color: var(--doc-text-secondary); margin-top: 10px; font-size: 15px; }

.doc-lock-card {
    border: 1px dashed var(--doc-border); border-radius: 12px;
    padding: 50px 30px; text-align: center; background: var(--doc-bg-soft);
}
.doc-lock-icon {
    width: 64px; height: 52px; margin: 0 auto 8px; position: relative;
    border: 5px solid var(--doc-primary); border-radius: 10px;
}
.doc-lock-icon::before {
    content: ''; position: absolute; left: 12px; top: -28px;
    width: 30px; height: 28px; border: 5px solid var(--doc-primary);
    border-bottom: none; border-radius: 18px 18px 0 0;
}
.doc-lock-card h2 { margin: 14px 0 8px; font-size: 20px; }
.doc-lock-card p { color: var(--doc-text-secondary); margin-bottom: 20px; }
.doc-lock-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* Markdown 正文 */
.markdown-body { font-size: 15px; }
.markdown-body h1, .markdown-body h2, .markdown-body h3,
.markdown-body h4, .markdown-body h5, .markdown-body h6 {
    font-weight: 600; line-height: 1.5; margin: 24px 0 12px; scroll-margin-top: 76px;
}
.markdown-body h1 { font-size: 24px; }
.markdown-body h2 { font-size: 20px; padding-bottom: 8px; border-bottom: 1px solid var(--doc-border); }
.markdown-body h3 { font-size: 17px; }
.markdown-body h4 { font-size: 15px; }
.markdown-body p { margin: 10px 0; }
.markdown-body a { text-decoration: underline; text-underline-offset: 3px; }
.markdown-body strong { font-weight: 600; }
.markdown-body blockquote {
    border-left: 4px solid var(--doc-primary); background: var(--doc-bg-soft);
    padding: 10px 16px; margin: 12px 0; color: var(--doc-text-secondary); border-radius: 0 6px 6px 0;
}
.markdown-body ul, .markdown-body ol { padding-left: 26px; margin: 10px 0; }
.markdown-body li { margin: 4px 0; }
.markdown-body code {
    background: #f3f5f7; padding: 2px 6px; border-radius: 4px;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 13px;
    color: #e4535c;
}
.markdown-body pre {
    background: #1e2430; color: #e6e6e6; padding: 14px 16px; border-radius: 8px;
    overflow-x: auto; margin: 12px 0; line-height: 1.6;
}
.markdown-body pre code { background: transparent; color: inherit; padding: 0; font-size: 13px; }
.markdown-body table { border-collapse: collapse; margin: 14px 0; width: 100%; }
.markdown-body th, .markdown-body td { border: 1px solid var(--doc-border); padding: 8px 12px; text-align: left; }
.markdown-body th { background: var(--doc-bg-soft); font-weight: 600; }
.markdown-body tr:nth-child(2n) td { background: var(--doc-bg-soft); }
.markdown-body img { max-width: 100%; border-radius: 6px; }
.markdown-body hr { border: none; border-top: 1px solid var(--doc-border); margin: 24px 0; }

/* ============ 登录/注册 ============ */
.doc-auth-wrap {
    display: flex; justify-content: center; align-items: flex-start;
    padding: 60px 20px; min-height: 60vh;
}
.doc-auth-card {
    width: 380px; max-width: 100%;
    border: 1px solid var(--doc-border); border-radius: 12px; padding: 32px 30px;
    box-shadow: var(--doc-shadow);
}
.doc-auth-title { font-size: 22px; text-align: center; }
.doc-auth-sub { text-align: center; color: var(--doc-text-secondary); font-size: 13px; margin: 6px 0 22px; }
.doc-form-item { margin-bottom: 16px; }
.doc-form-item label { display: block; font-size: 13px; color: var(--doc-text-secondary); margin-bottom: 6px; }
.doc-input {
    width: 100%; padding: 9px 12px; border: 1px solid var(--doc-border);
    border-radius: 6px; font-size: 14px; outline: none; background: var(--doc-bg-soft);
    transition: border-color .2s;
}
.doc-input:focus { border-color: var(--doc-primary); background: #fff; }
.doc-form-error { color: var(--doc-danger); font-size: 13px; min-height: 20px; margin-bottom: 10px; }
.doc-auth-link { text-align: center; margin-top: 16px; font-size: 14px; color: var(--doc-text-secondary); }
.doc-auth-back { text-align: center; margin-top: 8px; font-size: 13px; }

/* ============ 会员方案 ============ */
.doc-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin: 24px 0; }
.doc-plan {
    position: relative; border: 1px solid var(--doc-border); border-radius: 12px;
    padding: 28px 24px; background: var(--doc-bg); transition: box-shadow .2s, transform .2s;
}
.doc-plan:hover { box-shadow: var(--doc-shadow); transform: translateY(-3px); }
.doc-plan-hot { border-color: var(--doc-primary); box-shadow: 0 4px 20px rgba(66, 184, 131, 0.12); }
.doc-plan-highest { border-color: #f0a64a; }
.doc-plan-tag {
    position: absolute; top: -11px; left: 24px;
    background: var(--doc-primary); color: #fff; font-size: 12px;
    padding: 2px 12px; border-radius: 12px;
}
.doc-plan-tag-vip { background: #f0a64a; }
.doc-plan-name { font-size: 18px; font-weight: 700; }
.doc-plan-price { margin: 12px 0 4px; font-size: 32px; font-weight: 700; color: var(--doc-primary); }
.doc-plan-highest .doc-plan-price { color: #e68a00; }
.doc-plan-currency { font-size: 18px; font-weight: 600; margin-right: 2px; }
.doc-plan-period { font-size: 14px; color: var(--doc-text-secondary); font-weight: 400; margin-left: 4px; }
.doc-plan-desc { color: var(--doc-text-secondary); font-size: 13px; margin-bottom: 14px; }
.doc-plan-features { list-style: none; margin-bottom: 20px; }
.doc-plan-features li { padding: 5px 0; font-size: 14px; color: var(--doc-text); }
.doc-plan-check { color: var(--doc-primary); font-weight: 700; margin-right: 8px; }
.doc-plan-action { text-align: center; }

.doc-pay-tip {
    border: 1px solid var(--doc-border); border-radius: 12px; padding: 24px;
    background: var(--doc-bg-soft); text-align: center; margin-top: 8px;
}
.doc-pay-tip h3 { font-size: 16px; margin-bottom: 8px; }
.doc-pay-tip p { color: var(--doc-text-secondary); font-size: 14px; }
.doc-pay-qrs { display: flex; justify-content: center; gap: 20px; margin: 16px 0; flex-wrap: wrap; }
.doc-pay-qr { text-align: center; }
.doc-pay-qr img { height: 220px;  border-radius: 8px; border: 1px solid var(--doc-border); }
.doc-pay-qr span { display: block; margin-top: 6px; font-size: 13px; color: var(--doc-text-secondary); }
.doc-pay-tip-text { color: var(--doc-text-secondary); font-size: 14px; }
.doc-pay-remark { font-size: 13px; color: var(--doc-warn); }

/* ============ 开通申请 ============ */
.doc-apply-card { max-width: 620px; margin: 0 auto; }
.doc-apply-card h1 { font-size: 24px; text-align: center; }
.doc-apply-price { text-align: center; margin: 10px 0 2px; }
.doc-apply-price b { font-size: 30px; color: var(--doc-primary); }
.doc-apply-desc { text-align: center; color: var(--doc-text-secondary); margin-bottom: 20px; }
.doc-apply-steps {
    background: var(--doc-bg-soft); border: 1px solid var(--doc-border);
    border-radius: 10px; padding: 16px 20px; margin-bottom: 20px;
}
.doc-apply-steps ol { padding-left: 22px; }
.doc-apply-steps li { margin: 6px 0; font-size: 14px; color: var(--doc-text-secondary); }
.doc-apply-pay { display: flex; justify-content: center; gap: 20px; margin: 16px 0; flex-wrap: wrap; }
.doc-apply-form { border-top: 1px solid var(--doc-border); padding-top: 18px; }
.doc-form-label { display: block; font-size: 13px; color: var(--doc-text-secondary); margin: 14px 0 6px; }
.doc-radio-row { display: flex; gap: 18px; }
.doc-radio { display: flex; align-items: center; gap: 6px; font-size: 14px; cursor: pointer; }
.doc-upload-row { display: flex; gap: 8px; }
.doc-proof-preview img { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; margin-top: 10px; border: 1px solid var(--doc-border); }
.doc-apply-result { margin-top: 14px; padding: 12px 14px; border-radius: 8px; font-size: 14px; display: none; }
.doc-apply-result.success { display: block; background: #e8f8f1; color: #1f7a52; }
.doc-apply-result.error { display: block; background: #fdecea; color: #d33; }
.doc-apply-submit { margin-top: 16px; }

/* ============ 个人中心 ============ */
.doc-me-card { border: 1px solid var(--doc-border); border-radius: 12px; padding: 24px; margin-bottom: 16px; }
.doc-me-card h1 { font-size: 20px; margin-bottom: 18px; }
/* 个人中心信息卡：左侧信息靠左、右侧操作按钮靠右 */
.doc-me-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.doc-me-info { display: flex; gap: 18px; align-items: center; }
.doc-me-actions { display: flex; gap: 10px; align-items: center; flex-shrink: 0; }
.doc-me-avatar-wrap { position: relative; flex-shrink: 0; cursor: pointer; border-radius: 50%; }
.doc-me-avatar-wrap:hover .doc-me-avatar-mask { opacity: 1; }
.doc-me-avatar-mask {
    position: absolute; inset: 0; border-radius: 50%;
    background: rgba(0, 0, 0, 0.45); color: #fff; font-size: 12px;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.2s;
}
.doc-me-avatar {
    width: 64px; height: 64px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg, var(--doc-primary), #67d8a8);
    color: #fff; display: flex; align-items: center; justify-content: center;
    font-size: 26px; font-weight: 700;
    overflow: hidden;
}
.doc-me-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.doc-me-name { font-size: 17px; font-weight: 600; }
.doc-me-username { font-size: 13px; color: var(--doc-text-secondary); font-weight: 400; }
.doc-me-meta { margin: 6px 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.doc-me-expire { font-size: 13px; color: var(--doc-text-secondary); }
.doc-me-section-title { font-size: 16px; margin-bottom: 14px; }
/* 个人中心：基本资料 / 修改密码 弹窗表单（label 与输入框同行紧凑） */
.doc-me-pop { padding: 20px 24px 4px; }
.doc-me-pop .doc-me-pop-item { margin-bottom: 13px; display: flex; align-items: center; }
.doc-me-pop .doc-me-pop-item label { flex: 0 0 72px; font-size: 13px; color: var(--doc-text-secondary); }
.doc-me-pop .doc-me-pop-item .doc-pop-input { flex: 1; min-width: 0; }
.doc-me-pop-msg { display: none; padding: 8px 10px; border-radius: 6px; font-size: 13px; margin-bottom: 12px; }
.doc-me-pop-msg.show { display: block; }
.doc-me-pop-msg.success { background: #e6f7ee; color: #1a7f4b; }
.doc-me-pop-msg.error { background: #fdecec; color: #c0392b; }
.doc-table-wrap { overflow-x: auto; }
.doc-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.doc-table th, .doc-table td { border-bottom: 1px solid var(--doc-border); padding: 10px 12px; text-align: left; white-space: nowrap; }
.doc-table th { background: var(--doc-bg-soft); font-weight: 600; }
.doc-order-status { padding: 1px 10px; border-radius: 10px; font-size: 12px; }
.doc-order-status.pending { background: #fff7e6; color: #b26a00; }
.doc-order-status.success { background: #e8f8f1; color: #1f7a52; }
.doc-order-status.rejected { background: #fdecea; color: #d33; }

/* ============ 底部 ============ */
.doc-footer {
    border-top: 1px solid var(--doc-border); padding: 12px 20px; text-align: center;
    color: #9aa0a8; font-size: 12px; line-height: 24px; height: 48px; box-sizing: border-box;
    background: #f2f3f5;
}
.doc-footer a { color: #9aa0a8; }
.doc-footer a:hover { color: var(--doc-primary); }

/* ============ 响应式 ============ */
@media (max-width: 992px) {
    .doc-sidebar { display: none; }
    .doc-toc { display: none; }
}
@media (max-width: 640px) {
    .doc-layout { padding: 16px 14px; }
    .doc-header-inner { padding: 0 14px; gap: 14px; }
    .doc-nav { gap: 14px; }
    .doc-user .doc-expire { display: none; }
    .doc-article-header h1 { font-size: 22px; }
}

/* ============ 前台 layer 弹窗美化：确保圆角、阴影、居中、内边距 ============ */
.layui-layer-page .layui-layer-content { border-radius: 12px; }
.layui-layer-page {
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.18) !important;
}
.layui-layer-title {
    font-size: 16px; font-weight: 600;
    padding: 14px 20px;
    background: #fafbfc;
    border-bottom: 1px solid #eee;
}
.layui-layer-close {
    width: 22px; height: 22px; line-height: 20px; border-radius: 50%;
    background: #f1f2f3; color: #909399;
}
.layui-layer-close:hover { background: #e4e7ed; color: #606266; }
.layui-layer-btn a { border-radius: 5px; height: 34px; line-height: 34px; padding: 0 20px; }
.layui-layer-btn .layui-btn { background: var(--doc-primary); }
.layui-layer-btn .layui-btn-primary { border: 1px solid #dcdfe6; color: #606266; background: #fff; }