.intro-page[data-v-b8d098ac]{display:flex;align-items:flex-start;gap:32px;min-height:470px}.setting-form[data-v-b8d098ac]{flex:1;min-width:0;padding-top:8px}.field-block[data-v-b8d098ac]{width:100%}.color-row[data-v-b8d098ac]{display:flex;align-items:center;gap:10px}.field-tip[data-v-b8d098ac]{margin-top:8px;color:#909399;font-size:12px;line-height:18px}.phone-preview[data-v-b8d098ac]{flex:0 0 230px;display:flex;justify-content:center}.phone-shell[data-v-b8d098ac]{width:220px;padding:12px 10px 14px;border:1px solid #dcdfe6;border-radius:28px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08)}.phone-top[data-v-b8d098ac]{width:78px;height:14px;margin:0 auto 8px;border-radius:0 0 12px 12px;background:#eef1f6}.phone-screen[data-v-b8d098ac]{display:flex;flex-direction:column;overflow:hidden;height:430px;border:1px solid #ebeef5;border-radius:20px;background:#f7f8fa}.banner-wrap[data-v-b8d098ac]{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;background:#f5f7fa}.banner-wrap img[data-v-b8d098ac]{display:block;width:100%;height:auto}.banner-empty[data-v-b8d098ac]{display:flex;align-items:center;justify-content:center;height:100%;color:#c0c4cc;font-size:14px}.button-wrap[data-v-b8d098ac]{flex:0 0 64px;padding:12px;background:#fff;border-top:1px solid #ebeef5}.action-button[data-v-b8d098ac]{height:40px;border-radius:999px;color:#fff;font-weight:600;line-height:40px;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,.12)}@media screen and (max-height:760px){.intro-page[data-v-b8d098ac]{min-height:430px}.phone-preview[data-v-b8d098ac]{flex-basis:210px}.phone-shell[data-v-b8d098ac]{width:200px;padding:10px 9px 12px}.phone-screen[data-v-b8d098ac]{height:390px}.button-wrap[data-v-b8d098ac]{flex-basis:58px;padding:10px}.action-button[data-v-b8d098ac]{height:38px;line-height:38px}}