:root,
:host {
    --van-black: #000;
    --van-white: #fff;
    --van-gray-1: #f7f8fa;
    --van-gray-2: #f2f3f5;
    --van-gray-3: #ebedf0;
    --van-gray-4: #dcdee0;
    --van-gray-5: #c8c9cc;
    --van-gray-6: #969799;
    --van-gray-7: #646566;
    --van-gray-8: #323233;

    --van-red: #ee0a24;
    --van-blue: #1989fa;
    --van-green: #07c160;

    --van-orange: #ff976a;
    --van-orange-dark: #ed6a0c;
    --van-orange-light: #fffbe8;


}


/*
   --van-orange：取消置顶
   --van-green：置顶、开启、

   --van-blue:主题、编辑
   --van-red:删除、禁用

    showLoadingToast:加载
    showSuccessToast('成功文案');
    showFailToast('失败文案');
    showDialog:用于提示一些消息，默认只包含一个确认按钮。
    showConfirmDialog:用于确认消息，默认包含确认和取消按钮。

 */


.iframe-page {
    width: 100%;
    height: 100%;
    position: relative;
    background: var(--bg-primary);
    /* 使用主题变量，暗黑模式自动变深 */
}

.iframe-content {
    width: 100%;
    height: 100%;
    border: none;
    background: var(--bg-secondary);
    /* 改为主题变量，暗黑模式显示深色背景 */
}

.iframe-loading,
.iframe-error {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--text-secondary);
}

.iframe-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

/* 以下样式保持原样，与主题无关 */
.content-wrapper>* {
    height: 100%;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
}

.content-wrapper>.router-view {
    flex: 1;
}

.content-wrapper {
    position: relative;
}

.content-wrapper .router-view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.content-wrapper {
    display: flex;
    flex-direction: column;
}

.content-wrapper>* {
    flex: 1;
}