/**
 * 广告位管理 — 前台面板样式
 *
 * ⚠️ 颜色**只用**既有 `--mn-*` 变量（已逐个 grep 核对存在）：
 *    暗色主题（暗夜星辰等）靠变量自动适配，硬编码色会导致夜间「浅底浅字」不可读。
 *    注意：`--mn-bg-hover` / `--mn-danger` / `--mn-radius-*` / `--mn-spectrum-*` **不存在**，
 *    对应场景用 `--mn-bg-row-hover` / `--mn-error` / 字面量圆角。
 * ⚠️ 本文件在 `main.php:40`（layout_head_end）注入，早于核心 `editor.css`（:65）→
 *    插件内部也要防「同权重后者胜」，需要覆盖的规则一律带上容器前缀。
 *
 * @file plugins/adslot/assets/style.css
 */

/* ===== 面板容器 ===== */
.adslot-panel .adslot-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.adslot-panel .adslot-item {
    display: block;
    text-decoration: none;
    overflow-wrap: break-word;
    word-break: break-word;
}

/* 代码型：赞助商 HTML 原样输出，宽度可能超容器 → 裁切而不是撑破右栏 */
.adslot-panel .adslot-item-code {
    overflow: hidden;
}

/* ===== 样式一：卡片式（默认） ===== */
.adslot-style-card .adslot-item {
    padding: 8px;
    border: 1px solid var(--mn-border-light);
    border-radius: 6px;
    background: var(--mn-bg-input);
    transition: border-color .15s;
}
.adslot-style-card a.adslot-item:hover {
    border-color: var(--mn-primary);
}

/* ===== 样式二：紧凑式（一行一条，无边框） ===== */
.adslot-style-compact .adslot-item {
    padding: 6px 0;
    border-bottom: 1px dashed var(--mn-border-light);
}
.adslot-style-compact .adslot-item:last-child {
    border-bottom: none;
}

/* ===== 样式三：图文式（图片 + 说明） ===== */
.adslot-style-media .adslot-item {
    text-align: center;
}
.adslot-style-media .adslot-desc {
    text-align: center;
}

/* ===== 图片 ===== */
.adslot-panel .adslot-item-image img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 0 auto;
}

/* ===== 链接型文字 ===== */
.adslot-panel a.adslot-item-link {
    color: var(--mn-text-link);
    font-size: 13px;
    line-height: 1.5;
}
.adslot-panel a.adslot-item-link:hover {
    color: var(--mn-primary-hover);
    text-decoration: underline;
}
.adslot-panel span.adslot-item-link {
    color: var(--mn-text-secondary);
    font-size: 13px;
    line-height: 1.5;
}

/* ===== 描述文字 ===== */
.adslot-panel .adslot-desc {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--mn-text-muted);
}