:root{color:#28211f;font-synthesis:none;background:#f5f4f2;font-family:Inter,-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.preview-workspace{box-sizing:border-box;justify-content:center;align-items:flex-start;gap:90px;min-height:100vh;padding:44px 36px;display:flex}.preview-intro{width:340px;padding-top:70px}.preview-brand{align-items:center;gap:12px;margin-bottom:56px;font-size:20px;font-weight:700;display:flex}.preview-brand img{object-fit:contain;width:42px;height:42px}.preview-eyebrow{letter-spacing:2px;color:#a6715b;font-size:11px;font-weight:600}.preview-intro h1{letter-spacing:-.8px;margin:16px 0 22px;font-size:34px;line-height:1.45}.preview-intro h1 span{color:#9a918b}.preview-intro p{color:#78736e;font-size:14px;line-height:1.9}.preview-details{border-top:1px solid #e6e1dc;border-bottom:1px solid #e6e1dc;margin-top:12px;padding:24px 0}.preview-details span{color:#9b928c;margin-bottom:8px;font-size:12px;display:block}.preview-details code{word-break:break-all;font-size:13px}.preview-controls{gap:12px;margin:24px 0;display:flex}.preview-controls button{color:#6e554a;background:#fff;border:1px solid #e7dfd8;border-radius:7px;padding:10px 14px;font-size:12px}.preview-motion{color:#7f756e;align-items:center;gap:8px;font-size:12px;display:flex}.preview-motion input{accent-color:#fd7753}.preview-intro .preview-disclaimer{color:#a59b93;margin-top:28px;font-size:12px}.preview-error{background:#fff1ec;border:1px solid #efc2b4;border-radius:8px;margin-top:16px;padding:16px;font-size:12px}.preview-error pre{white-space:pre-wrap;word-break:break-all}.phone-device{box-sizing:content-box;width:375px;height:812px;box-shadow:none;background:#fff;border:1px solid #e7dfd8;border-radius:0;flex-direction:column;flex:0 0 375px;display:flex;position:relative;overflow:hidden}.phone-navigation{color:#28211f;border-bottom:1px solid #f6f6f6;flex-shrink:0;justify-content:center;align-items:center;height:44px;font-size:15px;font-weight:600;display:flex;position:relative}.phone-back{color:#28211f;background:0 0;border:0;width:40px;height:44px;position:absolute;top:0;left:8px;font-size:29px!important;line-height:1!important}.phone-scroll{scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.phone-scroll::-webkit-scrollbar{display:none}.phone-tabs{background:#fff;border-top:1px solid #f2f2f2;flex-shrink:0;height:57px;display:flex}.phone-tabs button{color:var(--tab-color);background:#fff;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;display:flex;font-size:10px!important;line-height:1.3!important}.phone-tabs button.selected{color:var(--tab-selected-color)}.phone-tabs img{object-fit:contain;width:21px;height:21px}.phone-tabs button.ai img{width:29px;height:29px;margin-top:-7px}.phone-toast{color:#fff;text-align:center;z-index:100;pointer-events:none;background:#232323ec;border-radius:8px;max-width:260px;padding:14px 20px;font-size:13px;line-height:1.6;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.phone-loading{color:#63564f;z-index:90;background:#ffffffba;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.preview-start{text-align:center;color:#aaa;padding:70px 30px;font-size:14px}.mini-page *{box-sizing:border-box}:where(.mini-page button){-webkit-tap-highlight-color:transparent;border:0}:where(.mini-page input,.mini-page textarea){font:inherit;color:inherit;background:0 0;border:0;border-radius:0;outline:0;padding:0}.mini-page textarea{resize:none;display:block}.mini-page img{object-fit:contain;max-width:none;display:block}.mini-page img[data-mode=aspectFill]{object-fit:cover}.mini-page span{white-space:pre-line}.mini-page [data-scroll-x]{scrollbar-width:none;overflow:auto hidden}.mini-page [data-scroll-y]{overflow-y:auto}.mini-page button[data-hover-class]:active{opacity:.76;transform:scale(.985)}.native-picker{display:block;position:relative}.native-picker-control{cursor:pointer;z-index:1;opacity:0!important;appearance:auto!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.native-switch{appearance:none;cursor:pointer;flex-shrink:0;position:relative;background:#d6d6dc!important;border:0!important;border-radius:20px!important;width:37px!important;height:22px!important;margin:0!important;padding:0!important}.native-switch:checked{background:#fd7753!important}.native-switch:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0002}.native-switch:checked:before{left:17px}.native-rich-text{white-space:pre-wrap}.mini-page template{display:contents}@media (width<=850px){.preview-workspace{gap:28px;padding:24px 14px}.preview-intro{width:230px;padding-top:34px}.preview-intro h1{font-size:26px}.preview-brand{margin-bottom:36px}}@media (width<=650px){.preview-workspace{background:#fff;padding:12px 0;display:block}.preview-intro{width:auto;padding:0 20px 16px}.preview-brand,.preview-eyebrow,.preview-intro h1,.preview-intro p,.preview-motion,.preview-details{display:none}.preview-controls{justify-content:center;margin:0}.preview-intro:before{content:"网页交互预览 · 非微信运行时";text-align:center;color:#9a8071;margin:0 0 10px;font-size:12px;display:block}.phone-device{box-shadow:none;border-width:0;border-radius:0;max-width:100vw;margin:0 auto}.preview-error{display:block}}@media (prefers-reduced-motion:reduce){.mini-page *{transition:none!important;animation:none!important}}.phone-device{--preview-safe-bottom:0px;transform:translateZ(0)}.phone-dialog-backdrop{z-index:200;box-sizing:border-box;background:#0005;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.phone-dialog-backdrop.is-actions{align-items:flex-end;padding:0}.phone-dialog{color:#28211f;background:#fff;border-radius:12px;width:100%;max-width:306px;overflow:hidden;box-shadow:0 10px 36px #0002}.phone-dialog h2{text-align:center;margin:24px 20px 14px;font-size:17px;font-weight:600;line-height:1.5}.phone-dialog p{color:#74777d;text-align:center;white-space:pre-wrap;margin:0 24px 22px;font-size:14px;line-height:1.8}.phone-dialog-actions{border-top:1px solid #eee;margin-top:20px;display:flex}.phone-dialog-actions button{color:#74777d;background:#fff;border:0;border-radius:0;flex:1;min-height:51px;font-size:15px}.phone-dialog-actions button+button{border-left:1px solid #eee}.phone-dialog-actions button.dialog-confirm{color:#e56340;font-weight:600}.phone-dialog .phone-dialog-input{box-sizing:border-box;width:calc(100% - 40px);font:inherit;border:1px solid #e4e4e4;border-radius:5px;outline:none;margin:16px 20px;padding:11px 12px;font-size:14px;display:block}.phone-dialog .phone-dialog-input:focus{border-color:#fd7753}.phone-dialog button:focus-visible{outline-offset:-3px;outline:2px solid #fd7753}.phone-action-sheet{border-radius:14px 14px 0 0;max-width:none;padding-bottom:0}.phone-action-sheet h2{color:#90939a;margin:18px 16px;font-size:13px}.phone-sheet-item,.phone-sheet-cancel{color:#28211f;background:#fff;border:0;border-top:1px solid #f2f2f2;border-radius:0;width:100%;min-height:52px;font-size:15px;display:block}.phone-sheet-cancel{color:#777;border-top:8px solid #f5f5f5;min-height:60px}.phone-dialog button:active{background:#faf7f4}.native-swiper{touch-action:pan-x;position:relative;overflow:hidden}.native-swiper-track{width:100%;height:100%;position:relative}.native-swiper-item{width:100%;height:100%;position:absolute;inset:0}.notice-slide-enter-active,.notice-slide-leave-active{transition:transform var(--swiper-duration,.26s) ease,opacity var(--swiper-duration,.26s) ease}.notice-slide-enter-from{opacity:0;transform:translateY(100%)}.notice-slide-leave-to{opacity:0;transform:translateY(-100%)}.native-swiper:focus-visible{outline-offset:-2px;outline:2px solid #fd7753}@media (prefers-reduced-motion:reduce){.notice-slide-enter-active,.notice-slide-leave-active{transition:none}}.preview-webview{border:0;width:100%;height:calc(100vh - 100px);min-height:600px}.preview-image-dialog{border:0;border-radius:12px;max-width:90vw;max-height:90vh;padding:16px}.preview-image-dialog img{object-fit:contain;max-width:80vw;max-height:75vh;display:block}.preview-image-dialog button{margin:12px auto 0;padding:10px 28px;display:block}.preview-image-dialog::backdrop{background:#0009}.native-swiper-horizontal{touch-action:pan-y}.native-swiper-vertical{touch-action:pan-x}.banner-slide-enter-active,.banner-slide-leave-active{transition:transform var(--swiper-duration,.28s) ease}.banner-slide-enter-from{transform:translateX(calc(var(--swiper-direction,1)*100%))}.banner-slide-leave-to{transform:translateX(calc(var(--swiper-direction,1)*-100%))}.native-swiper img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media (prefers-reduced-motion:reduce){.banner-slide-enter-active,.banner-slide-leave-active{transition:none}}.h5-mode.preview-workspace{background:#f6f7f8;min-height:100dvh;padding:0;display:block}.h5-mode .phone-device{width:100%;max-width:540px;height:var(--h5-height,100dvh);box-shadow:none;box-sizing:border-box;--preview-safe-bottom:env(safe-area-inset-bottom,0px);border:0;border-radius:0;margin:0 auto}.h5-mode .phone-navigation{padding-top:env(safe-area-inset-top,0px)}.h5-mode .phone-back{top:env(safe-area-inset-top,0px)}.h5-label{color:#a0a3a8;font-size:10px;font-weight:400;position:absolute;bottom:14px;right:16px}.h5-mode .phone-tabs{padding-bottom:env(safe-area-inset-bottom,0px)}.h5-mode .phone-dialog-backdrop{position:fixed}.h5-mode .phone-action-sheet{padding-bottom:env(safe-area-inset-bottom,0px)}.h5-runtime-error{z-index:80;text-align:center;color:#797d83;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;font-size:14px;display:flex;position:absolute;inset:44px 0 0}.h5-runtime-error button{color:#fd7753;background:#fff;border:1px solid #fd7753;border-radius:8px;padding:10px 24px}.h5-mode .preview-webview{height:calc(var(--h5-height,100dvh) - 50px);min-height:300px}.h5-external-page>a{text-align:right;color:#dc643f;background:#fff;padding:10px 20px;font-size:13px;text-decoration:none;display:block}