// 提示框组件
// .prompt-text {
//     padding: 8px 13px;
//     border-radius: 4px;

//     .flex-text {
//         display: flex;
//         align-items: center;
//         align-self: stretch;
//         justify-content: space-between;
//         z-index: 1;
//     }

//     .prompt-icon {
//         width: 16px;
//         height: 16px;
//         ;
//         margin-right: 8px;
//     }

//     .prompt-desc {
//         color: #1E2226;
//         letter-spacing: 0.08em;
//     }

//     .prompt-extra {}
// }

// .prompt-text.info {
//     background: #F2F7FF;
//     border: 1px solid #BFDAFF;
// }

// .prompt-text.notice {
//     background: #FEFCE8;
//     border: 1px solid rgba(255, 140, 0, 0.3);
// }

// .prompt-text.warning {
//     background: #FFF1F0;
//     border: 1px solid #FFA39E;
// }

// // 实时预览外框组件
// .preview-container {
//     max-width: 800px;
//     min-width: 300px;
//     margin: 0 auto;
//     padding: 24px;
//     border-radius: 4px;
//     background: #FAFAFA;

//     .preview_top {
//         margin-bottom: 20px;
//     }

//     .preview-title {
//         text-align: center;
//         color: #1E2226;
//     }

//     .toggle-container {
//         display: flex;
//         height: 26px;
//         justify-content: center;
//         align-items: center;
//         padding: 3px 6px;
//         border-radius: 4px;
//         background: #F2F3F5;
//     }

//     .toggle-button {
//         padding: 1px 12px;
//         border-radius: 2px;
//         box-sizing: border-box;
//         cursor: pointer;
//         transition: all 0.3s ease;
//     }

//     .toggle-button.active {
//         color: #006AFF;
//         background: #FFFFFF;
//     }

//     .toggle-button.active:after {
//         /* content: '';
//     position: absolute;
//     bottom: -11px;
//     left: 0;
//     width: 100%;
//     height: 2px;
//     background-color: #1890ff; */
//     }

//     .content-container {
//         /* min-height: 300px;
//     padding: 20px;
//     border: 2px solid #ffd700;
//     border-radius: 4px;
//     background-color: #fff; */
//     }

//     .desktop-view,
//     .mobile-view {
//         width: 100%;
//     }
// }