/* =========================
   [copy] 原有样式
========================= */
.sclg-copy-inline {
    display: inline-block;
    padding: 2px 8px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    font-family: inherit;
    font-size: 0.95em;
    vertical-align: middle;
}

.sclg-copy-text {
    white-space: nowrap;
}

/* 单独设计复制按钮外框 */
.copy-btn {
    background-color: #ffffff;
    color: #4CAF50;
    border: 1px solid #4CAF50;
    border-left: none;
    border-radius: 0 4px 4px 0;
    padding: 6px 8px;
    font-size: 0.85em;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    vertical-align: middle;
}

.copy-btn:hover {
    background-color: #4CAF50;
    color: white;
}

.copy-btn:active {
    background-color: #39843d;
    color: white;
}

/* [go] 链接包一层，外观和 copy 的左半块一致 */
.sclg-go-inline {
    display: inline-block;
    padding: 2px 8px;
	margin-right: 6px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    font-family: inherit;
    font-size: 0.95em;
    vertical-align: middle;
}

.sclg-go-inline a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

/* =========================
   [help] 提示模块样式
========================= */
.sclg-help {
    margin: 14px 0;
    padding: 14px 14px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    background: rgba(0,0,0,.03);
}

.sclg-help-item {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.6;
    font-size: 15px;
    flex-wrap: wrap;
}

.sclg-help-item + .sclg-help-item {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed rgba(0,0,0,.10);
}

.sclg-help-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid rgba(0,0,0,.12);
    background: #fff;
    transition: transform .08s ease, box-shadow .12s ease;
    white-space: nowrap;
}

.sclg-help-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
}

.sclg-help-link--unzip {
    border-color: rgba(59,130,246,.30);
    background: rgba(59,130,246,.08);
}

.sclg-help-link--moniqi {
    border-color: rgba(16,185,129,.30);
    background: rgba(16,185,129,.10);
}

.sclg-help-link--download {
    border-color: rgb(0,208,132);
    background: rgb(0,208,132,.41);
    width: 100%;
    text-align: center;
    padding: 10px 12px;
}

.sclg-help-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.12);
    background: rgba(0,0,0,.04);
    font-weight: 700;
    white-space: nowrap;
}

/* =========================
   Gutenberg: core/details（详细信息）卡片样式
   仅作用于 .wp-block-details，避免影响其它 <details>
========================= */
.wp-block-details {
    margin: 14px 0;
    padding: 14px 25px;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    background: rgba(0,0,0,.03);
}

/* summary 做成“卡片头” */
.wp-block-details > summary {
    cursor: pointer;
    font-weight: 700;
    line-height: 1.6;
    font-size: 15px;
    list-style-position: outside;
}

/* hover 微交互，和 help 卡片一致的轻提示 */
.wp-block-details > summary:hover {
    text-decoration: none;
}

/* 展开后：内容区和标题区之间加分隔 */
.wp-block-details[open] > summary {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed rgba(0,0,0,.10);
}

/* Details 内部常见块的间距优化 */
.wp-block-details > :not(summary) {
    margin-top: 10px;
}

.wp-block-details > :not(summary):first-of-type {
    margin-top: 0;
}