*{border:0;font-family:"Montserrat",sans-serif,"微软雅黑";list-style:none;text-decoration:none;outline:0;font-size:16px}.icf{font-family:"Montserrat","iconfont"}input,textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:block;padding:10px;border:1px solid #bbb;margin:20px 0;width:400px}textarea{width:600px;height:100px}*,body,html,ol,ul{margin:0;padding:0}.clear{clear:both;float:none}.lgimg.write,.none,[v-cloak]{display:none}button{padding:10px 15px;font-weight:700;margin:10px 0;cursor:pointer}button,button.blue{background-color:#336cff}button.red{background-color:#fa5d5d}body,html{transition:.66s background}.ppcard,body,html{background:#fff}#pgcw,.preview-page .top .bnrimg img{width:100%}#pgcw .tt{color:#000}#pgcw .tp{color:#444}#pgcw .ti{color:#888}#pgcw a:hover{color:#111}#pgcw.dark .tt,button{color:#fff}#pgcw .tl,#pgcw.dark .tp{color:#bbb}#pgcw.dark .ti{color:#888}#pgcw.dark .tl{color:#555}#pgcw.dark a:hover{color:#eee}body.dark,html.dark{background:#111}body.dark .ppcard,html.dark .ppcard{background:#ffffff16}.container{display:block;width:88%;padding:0 6%;margin:auto}iframe.artimg{pointer-events:none}div.lvactbt{position:absolute;top:10px;right:10px;padding:0 12px;font-size:12px;color:#fff;height:28px;line-height:28px;text-align:center;background-color:#4cbe59;border-radius:100px}@media screen and (max-width:640px){.container{width:100%;padding:0}}@media screen and (max-width:1160px){.container{width:96%;padding:0 2%}}#header{position:relative;z-index:9}#header .container{max-width:1920px}#header .hdw{display:flex;justify-content:space-between;padding:12px 0}#header .right{display:flex;justify-content:center}#header .logo{font-size:44px;font-weight:700;line-height:44px}#header .wp .tp{margin:0 15px}#header .wp a.rt,#header .wp div.rt{position:relative;display:inline-block;margin:0 10px;line-height:44px;font-size:16px;cursor:pointer}#footer .navs p a:hover,#header .wp a.rt:hover{text-decoration:underline}#header .wp .box{z-index:9;display:none;position:absolute;top:42px;left:-10px;max-width:170px;padding:10px 0;background:#888;border-radius:7px;box-shadow:3px 3px 6px #8884}#header .wp .box a{display:block;color:#fff;height:32px;min-width:120px;padding:0 12px;line-height:32px}#header .wp .box a:hover{background:#666}#header .wp div.rt:hover .box,.lgimg,body.dark .lgimg.write{display:block}#header .mnex,#header .thmbt,#header .thmbt b{border-radius:100px;position:relative}#header .thmbt{top:12px;height:16px;width:35.2px;margin:0 10px;border:2px solid #fff;background:#000;cursor:pointer}#header .thmbt b{position:absolute;top:2px;left:2px;height:12px;width:12px;background:#fff}#header .thmbt.dark{background:#fff;border-color:#000}#header .thmbt.dark b{left:auto;right:2px;background:#000}#header .mnex{margin-left:10px;padding:10px;top:1px;border:1px solid #666}#header .mnex a,#header .mnex p{display:flex}#header .mnex a img,#header .mnex p img{height:20px;margin-right:5px}#header .mnex a span,#header .mnex p span{font-size:13px;line-height:20px}.lgimg{margin:4px}body.dark .lgimg.black{display:none}.cp{cursor:pointer}.lc{color:#336cff}.tc{color:#999}.label,.more{font-weight:700}.more{margin:31px 0 35px;text-align:center}.label{font-size:20px;margin:0 0 15px}@media screen and (max-width:640px){#header{text-align:center}#header .mnex{display:none}#header .hdw{padding:10px 0;display:block}#header .left{padding-top:12px;text-align:center}#header .right{display:block}#header .logo,#header .thmbt{display:inline-block}#header .wp.lk{padding:0}}.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-center{align-items:center}.flex-center,.flex-jc{justify-content:center}.flex-je{justify-content:flex-end}.flex-ja{justify-content:space-around}#footer .mid,.flex-jb{justify-content:space-between}.flex-ac{align-items:center}.flex-ae{align-items:flex-end}.flex-as{align-items:stretch}.flex-center-ac{align-content:center}.flex-between-ac{align-content:space-between}.flex-around-ac{align-content:space-around}.flex-d-c{flex-direction:column}.flex-shrink{flex-shrink:0!important}.flex-wrap{flex-wrap:wrap}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}#footer{margin-top:140px;padding:50px 0;background-color:#161616}body{background-color:#f5f5f5}.file-input{display:none!important}.upload-form{width:100%;margin:0 0 60px}.step{padding:42px 40px 48px;text-align:center;background:#e8e8e8}.step+.step{border-top:1px solid #e0e0e0}.create{width:804px;max-width:100%;margin:0 auto;text-align:left}.step-title{color:#336cff;font-size:22px;font-weight:700;letter-spacing:1px}.step-sub,.type-toggle button{margin:10px 0 22px;color:#111;font-size:14px;font-weight:700}.step-body{display:flex;justify-content:center}.contact-fields{width:420px;max-width:100%;display:flex;flex-direction:column;gap:8px}.contact-fields input,.create input,.create textarea{display:block;width:100%;margin:0;border:0;background:#fff;color:#111;font-size:13px}.contact-fields input{height:36px;padding:0 12px;border-radius:4px;box-sizing:border-box}.type-toggle{display:inline-flex;align-items:center;gap:8px}.type-toggle button{min-width:115px;height:32px;margin:0;padding:0 29px;border-radius:8px;background:#fff;font-size:13px}.dark .type-toggle button.active,.type-toggle button.active{background:#336cff;color:#fff}.create-top{align-items:flex-start;gap:20px}.logo-col{flex:0 0 168px;width:168px}.field-row .field,.fields{flex:1;min-width:0}.field,.field-label{display:block;margin:0 0 14px}.field-label{margin:0 0 6px;color:#222;font-size:13px;font-weight:600;text-align:left}.field-row{display:flex;gap:16px}.create input,.create textarea{padding:8px 12px;border-radius:6px}.create textarea{height:86px;resize:vertical}.extra-toggle{display:inline-flex;align-items:center;cursor:pointer;user-select:none}.extra-toggle i{display:inline-block;width:0;height:0;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #666;transition:transform .15s ease;transform:rotate(-90deg)}.extra-toggle i.open{transform:rotate(0deg)}#footer .down i,.hint{font-style:normal;font-size:11px}.hint{display:block;margin-top:4px;color:#336cff;font-weight:500}.upload-box{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:#d7e4ff;border:2px dashed #7aa2ff;color:#2f5fd0}.upload-box img{display:block;width:100%;height:100%;object-fit:cover}.upload-box .placeholder{text-align:center;padding:10px}.upload-box .placeholder p{margin:6px 0 2px;font-size:12px;font-weight:600;color:#2f5fd0}.upload-box .placeholder span{display:block;font-size:10px;color:#6b8fd6}.upload-box .cloud{width:42px;height:42px;color:#4d7fff}.upload-box.cover,.upload-box.logo{width:168px;height:168px;border-radius:10px}.upload-box.cover{width:100%;height:150px}.cover-col{margin-top:8px}.form-actions,.step-actions{margin-top:28px;text-align:center}.next-btn,.preview-btn,.upload-btn{min-width:120px;padding:8px 28px;border-radius:100px;background:#111;color:#fff;font-size:14px;font-weight:700}.preview-page .top{position:relative}.preview-page .top .banner{width:100%;aspect-ratio:192/50;background:#eee;background-repeat:no-repeat;background-position:top;background-size:cover}.preview-page .top .bnrimg{display:none;width:100%;padding:40px 0}.present{width:804px;margin:60px auto}.present .content .main-picture{width:302px;height:302px;border-radius:14px;margin:0 27px 0 0;object-fit:cover;background:#eee}.present .content .info{flex:1;min-width:0}.present .content .info .user .name img{width:46px;height:46px;border-radius:50%;margin:0 10px 0 0;object-fit:cover;background:#eee}.present .content .info .user .name span{font-size:16px;font-weight:700}.present .content .info .introduce{line-height:20px;font-size:12px;margin:20px 0;white-space:pre-wrap;word-break:break-word}.present .content .info .introduce.extra{color:#666}.preview-actions{display:flex;align-items:center;justify-content:center;gap:24px;width:804px;max-width:92%;margin:0 auto 40px}.back-btn{min-width:120px;padding:8px 20px;border-radius:100px;background:0 0;color:#111;font-size:14px;font-weight:700;border:1px solid #111}.success-box{width:804px;max-width:92%;margin:0 auto 50px;padding:22px 20px;text-align:center;border:1px solid #2ea44f;background:#e8f8ee;color:#1a7f4b;border-radius:9px;font-size:16px;font-weight:700}.dark .step{background:#1b1b1b}.dark .step+.step{border-top-color:#333}.dark .back-btn,.dark .field-label,.dark .step-sub{color:#fff}.dark .back-btn{border-color:#fff}.dark .contact-fields input,.dark .create input,.dark .create textarea,.dark .type-toggle button{background:#2a2a2a;color:#fff}.dark .extra-toggle i{border-top-color:#bbb}.dark .upload-box{background:#24365c;border-color:#5b86e5}.dark .next-btn,.dark .preview-btn,.dark .upload-btn{background:#336cff}.dark .success-box{background:#16351f;border-color:#2ea44f;color:#4ade80}@media screen and (max-width:640px){.upload-form{width:auto}.step{padding:28px 16px 32px}.create-top{display:block}.logo-col,.upload-box.logo{width:100%}.upload-box.logo{height:180px;margin-bottom:16px}.preview-page .top .banner{display:none}.field-row,.preview-page .top .bnrimg{display:block}.present{width:auto;margin:0}.present .content{display:block;text-align:center}.present .content .main-picture{margin:0 auto}.present .info{text-align:center;padding:20px}.present .info .user{justify-content:center}.preview-actions{width:auto;flex-direction:column}}#footer .mid{margin:auto;display:flex;width:80%}#footer .navs p{margin-bottom:20px}#footer .navs p a{display:block;font-size:15px;font-weight:600;color:#f5f5f5}#footer .navs p img{margin-right:10px;height:20px;display:inline-block;vertical-align:middle}#footer .down{text-align:center;margin-top:20px}#footer .down i{font-weight:medium;color:#999}@media screen and (max-width:640px){#footer .up a{padding:20px}#footer .mid{display:block!important;text-align:center}#footer .navs{margin:40px 0}#footer .navs p{margin:5px}}