[data-v-7893dc8a]:export{oppo_theme_color:#06f;oppo_dark_theme_color:#5c9dff;oppo_background_color:#f0f1f2}
.index[data-v-7893dc8a]{box-sizing:border-box;background:#e5e5e5;min-height:100vh}
.index.index-community[data-v-7893dc8a]{padding-top:0}
.index .banner-img[data-v-7893dc8a]{object-fit:contain;width:100%;min-height:160px}
.index-content[data-v-7893dc8a]{margin:-14px 20px 0;position:relative;z-index:9;padding:20px 0;box-sizing:border-box;border-radius:4px;background:#fff}
.index-content-form[data-v-7893dc8a]{padding:0 30px 33px}
.index-content-form-label[data-v-7893dc8a]{text-align:left;line-height:17px;font-size:12px}
.index-content-form .color-field[data-v-7893dc8a]{background:#e5e5e5;padding:9.5px 0;border-radius:4px}
.index-content-form .color-field.error[data-v-7893dc8a]{background:rgba(236,85,74,.2)}
.index-content-form .color-field[data-v-7893dc8a] input::-webkit-input-placeholder{color:rgba(0,0,0,.1490196078);font-size:14px}
.index-content-form .color-field[data-v-7893dc8a] input:-moz-placeholder{color:rgba(0,0,0,.1490196078);font-size:14px}
.index-content-form .color-field[data-v-7893dc8a] input:-ms-input-placeholder{color:rgba(0,0,0,.1490196078);font-size:14px}
.index-content-form .color-field[data-v-7893dc8a] input{text-indent:12px;font-size:14px;line-height:21px}
.index-content-form-code[data-v-7893dc8a]{position:relative}
.index-content-form-code-placeholder[data-v-7893dc8a]{display:inline-block;position:absolute;padding:9.5px 0;top:0;left:0;color:rgba(0,0,0,.1490196078);width:100%;background:#e5e5e5;text-align:left;text-indent:12px;letter-spacing:2.3px;font-size:14px;line-height:21px;border-radius:4px}
.index-content-form-code-placeholder.error[data-v-7893dc8a]{background:rgba(236,85,74,.2)}
.index-content-form-code-placeholder-split[data-v-7893dc8a]{color:rgba(0,0,0,0);letter-spacing:0;text-indent:0;display:inline-block;width:16px;text-align:center;position:relative;white-space:nowrap}
.index-content-form-code-placeholder-split[data-v-7893dc8a]:before{position:absolute;content:"";width:6px;height:1px;top:calc(50% - .5px);left:calc(50% - 3px);background:rgba(0,0,0,.5490196078)}
.index-content-form-code-field.color-field[data-v-7893dc8a]{background:rgba(0,0,0,0)}
.index-content-form-code-field.color-field[data-v-7893dc8a] input{letter-spacing:3px;font-size:14px;color:rgba(0,0,0,.8509803922)}
.index-content-form .flex .color-button[data-v-7893dc8a]{flex:1;height:40px;line-height:40px;box-sizing:border-box;border-radius:4px;background:#046a38;border-color:#06f}
.index-content .care[data-v-7893dc8a]{padding:15px 30px 0;text-align:left;position:relative;border-top:2px dashed #f0f0f0}
.index-content .care[data-v-7893dc8a]:after,.index-content .care[data-v-7893dc8a]:before{content:"";width:20px;height:20px;position:absolute;top:-10px;border-radius:50%;background:#e5e5e5}
.index-content .care[data-v-7893dc8a]:before{left:-10px}
.index-content .care[data-v-7893dc8a]:after{right:-10px}
.index-content .care-title[data-v-7893dc8a]{font-size:16px;font-weight:500;line-height:24px}
.index-content .care-content[data-v-7893dc8a]{min-height:96px;color:rgba(0,0,0,.5490196078);font-size:12px;overflow:auto}
.index-tip[data-v-7893dc8a]{color:rgba(0,0,0,.3019607843);margin:20px 22px 0;font-size:12px;font-weight:400;text-align:left;padding-bottom:35px;line-height:17px}
.dark-light .index[data-v-7893dc8a],.dark-medium .index[data-v-7893dc8a],.dark .index[data-v-7893dc8a]{color:rgba(255,255,255,.85);background:#000}
.dark-light .index-content[data-v-7893dc8a],.dark-medium .index-content[data-v-7893dc8a],.dark .index-content[data-v-7893dc8a]{background:#404040}
.dark-light .index-content-form .color-field[data-v-7893dc8a],.dark-medium .index-content-form .color-field[data-v-7893dc8a],.dark .index-content-form .color-field[data-v-7893dc8a]{background:#666}
.dark-light .index-content-form .color-field.error[data-v-7893dc8a],.dark-medium .index-content-form .color-field.error[data-v-7893dc8a],.dark .index-content-form .color-field.error[data-v-7893dc8a]{background:rgba(236,85,74,.2)}
.dark-light .index-content-form .color-field[data-v-7893dc8a] input::-webkit-input-placeholder,.dark-medium .index-content-form .color-field[data-v-7893dc8a] input::-webkit-input-placeholder,.dark .index-content-form .color-field[data-v-7893dc8a] input::-webkit-input-placeholder{color:rgba(255,255,255,.1490196078)}
.dark-light .index-content-form .color-field[data-v-7893dc8a] input:-moz-placeholder,.dark-medium .index-content-form .color-field[data-v-7893dc8a] input:-moz-placeholder,.dark .index-content-form .color-field[data-v-7893dc8a] input:-moz-placeholder{color:rgba(255,255,255,.1490196078)}
.dark-light .index-content-form .color-field[data-v-7893dc8a] input:-ms-input-placeholder,.dark-medium .index-content-form .color-field[data-v-7893dc8a] input:-ms-input-placeholder,.dark .index-content-form .color-field[data-v-7893dc8a] input:-ms-input-placeholder{color:rgba(255,255,255,.1490196078)}
.dark-light .index-content-form .color-field[data-v-7893dc8a] input,.dark-medium .index-content-form .color-field[data-v-7893dc8a] input,.dark .index-content-form .color-field[data-v-7893dc8a] input{color:rgba(255,255,255,.8509803922)}
.dark-light .index-content-form-code-placeholder[data-v-7893dc8a],.dark-medium .index-content-form-code-placeholder[data-v-7893dc8a],.dark .index-content-form-code-placeholder[data-v-7893dc8a]{background:#666;color:rgba(255,255,255,.1490196078)}
.dark-light .index-content-form-code-placeholder.error[data-v-7893dc8a],.dark-medium .index-content-form-code-placeholder.error[data-v-7893dc8a],.dark .index-content-form-code-placeholder.error[data-v-7893dc8a]{background:rgba(236,85,74,.2)}
.dark-light .index-content-form-code-placeholder-split[data-v-7893dc8a],.dark-medium .index-content-form-code-placeholder-split[data-v-7893dc8a],.dark .index-content-form-code-placeholder-split[data-v-7893dc8a]{color:rgba(0,0,0,0)}
.dark-light .index-content-form-code-placeholder-split[data-v-7893dc8a]:before,.dark-medium .index-content-form-code-placeholder-split[data-v-7893dc8a]:before,.dark .index-content-form-code-placeholder-split[data-v-7893dc8a]:before{background:rgba(255,255,255,.5490196078)}
.dark-light .index-content-form-code-field.color-field[data-v-7893dc8a],.dark-medium .index-content-form-code-field.color-field[data-v-7893dc8a],.dark .index-content-form-code-field.color-field[data-v-7893dc8a]{background:rgba(0,0,0,0);color:rgba(0,0,0,0)}
.dark-light .index-content-form .flex .color-button[data-v-7893dc8a],.dark-medium .index-content-form .flex .color-button[data-v-7893dc8a],.dark .index-content-form .flex .color-button[data-v-7893dc8a]{background:#39bf56;border-color:#39bf56}
.dark-light .index-content .care[data-v-7893dc8a],.dark-medium .index-content .care[data-v-7893dc8a],.dark .index-content .care[data-v-7893dc8a]{border-top:2px dashed rgba(240,240,240,.1215686275)}
.dark-light .index-content .care[data-v-7893dc8a]:after,.dark-light .index-content .care[data-v-7893dc8a]:before,.dark-medium .index-content .care[data-v-7893dc8a]:after,.dark-medium .index-content .care[data-v-7893dc8a]:before,.dark .index-content .care[data-v-7893dc8a]:after,.dark .index-content .care[data-v-7893dc8a]:before{background:#000}
.dark-light .index-content .care-content[data-v-7893dc8a],.dark-medium .index-content .care-content[data-v-7893dc8a],.dark .index-content .care-content[data-v-7893dc8a]{color:rgba(255,255,255,.85)}
.dark-light .index-tip[data-v-7893dc8a],.dark-medium .index-tip[data-v-7893dc8a],.dark .index-tip[data-v-7893dc8a]{color:rgba(255,255,255,.3)}
.color-toast{background:#000;color:#fff;padding:8px 12px;font-size:14px;border-radius:18px}
.activity-dialog.color-popup--center{border-radius:2px}
.activity-dialog-header{text-align:center;padding-top:20px}
.activity-dialog .color-dialog-content{margin:0 0 28px}
.activity-dialog .color-dialog-content__inner{font-size:16px;letter-spacing:1px;line-height:24px}
.activity-dialog.color-dialog-panel .color-option--primary{color:#06f;height:58px;padding:1px 0;box-sizing:content-box}
.activity-dialog.color-dialog-panel .color-option--primary .color-option-content__title{letter-spacing:1px}
.dark-light .color-toast,.dark-medium .color-toast,.dark .color-toast{color:rgba(0,0,0,.8509803922);background:#fff}
.dark-light .activity-dialog.color-dialog-panel .color-option--primary,.dark-medium .activity-dialog.color-dialog-panel .color-option--primary,.dark .activity-dialog.color-dialog-panel .color-option--primary{color:#39bf56}