#app{min-height:100vh}#app,body,html{overflow-x:hidden;width:100%}body,html{max-width:100vw;position:relative}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;color:#0f172a;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;width:100%;max-width:100vw;position:relative}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;border:none;padding:12px 24px;cursor:pointer;font-weight:500;-webkit-transition:all .3s cubic-bezier(0,0,.2,1);transition:all .3s cubic-bezier(0,0,.2,1);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.btn-primary:active{-webkit-transform:translateY(0);transform:translateY(0)}.glass-card{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);border-radius:16px;-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);-webkit-transition:all .3s cubic-bezier(0,0,.2,1);transition:all .3s cubic-bezier(0,0,.2,1)}.glass-card:hover{-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:24px;-webkit-transition:all .3s cubic-bezier(0,0,.2,1);transition:all .3s cubic-bezier(0,0,.2,1)}.card:hover{-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:#818cf8}.input{border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;-webkit-transition:all .3s cubic-bezier(0,0,.2,1);transition:all .3s cubic-bezier(0,0,.2,1);background:#fff}.input:focus{border-color:#6366f1;outline:none;-webkit-box-shadow:0 0 0 3px rgba(99,102,241,.1);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.input::-webkit-input-placeholder{color:#94a3b8}.input::-moz-placeholder{color:#94a3b8}.input:-ms-input-placeholder{color:#94a3b8}.input::-ms-input-placeholder{color:#94a3b8}.input::placeholder{color:#94a3b8}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.fade-in{-webkit-animation:fadeIn .5s cubic-bezier(0,0,.2,1);animation:fadeIn .5s cubic-bezier(0,0,.2,1)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.slide-up{-webkit-animation:slideUp .5s cubic-bezier(0,0,.2,1);animation:slideUp .5s cubic-bezier(0,0,.2,1)}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.generate-container .container{padding-left:max(12px,env(safe-area-inset-left,0));padding-right:max(12px,env(safe-area-inset-right,0))}.generate-container .page-layout.el-row{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important;margin-left:-8px!important;margin-right:-8px!important}.generate-container .page-layout.el-row>.el-col{padding-left:8px!important;padding-right:8px!important;float:none!important}.generate-container .page-layout.el-row>.el-col.type-menu-col{-webkit-box-flex:0!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-width:0;-webkit-box-align:stretch!important;-ms-flex-align:stretch!important;align-items:stretch!important}.generate-container .page-layout.el-row>.el-col.type-menu-col .generate-type-menu-mobile,.generate-container .page-layout.el-row>.el-col.type-menu-col .generate-type-menu-root{width:100%;max-width:100%;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box}.generate-container .page-layout.el-row>.el-col.type-menu-col .el-card.type-menu-card--trigger{width:100%!important;max-width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box}.generate-container .page-layout.el-row>.el-col:last-child{-webkit-box-flex:1!important;-ms-flex:1 1 100%!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0}.generate-container .type-menu-card.type-menu-card--trigger{position:sticky!important;top:max(8px,env(safe-area-inset-top,0));z-index:5;margin-bottom:12px}.generate-container .el-card__header{padding:12px 14px}.generate-container .el-card__header .clearfix{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:10px}.generate-container .el-card__header .clearfix:after{display:none}.generate-container .el-card__header .clearfix>span:first-of-type{font-size:16px;font-weight:600;line-height:1.4;word-break:break-word}.generate-container .el-card__header .clearfix .el-button{float:none!important;width:100%;margin:0!important}.generate-container .page-layout.el-row>.el-col:last-child>.el-card{min-width:0;width:100%}.generate-container .el-card__body{padding:14px}.generate-container .el-form-item{margin-bottom:18px}.generate-container .el-form-item__label{float:none!important;display:block!important;width:100%!important;text-align:left!important;line-height:1.45!important;padding:0 0 6px!important;height:auto!important;white-space:normal!important;word-break:break-word}.generate-container .el-form-item__content{margin-left:0!important;clear:both;line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:6px}.generate-container .el-form-item__content .el-switch{-ms-flex-item-align:start;align-self:flex-start}.generate-container .el-form-item__content>.el-button+.el-button{margin-left:0!important}.generate-container .el-form-item__content>.el-button{width:100%}.generate-container .el-date-editor--datetime,.generate-container .el-date-editor.el-input,.generate-container .el-date-editor.el-input__inner{width:100%!important;max-width:100%}.generate-container .el-input-number{width:100%!important}.generate-container .el-input-number .el-input__inner{text-align:left}.generate-container .upload-unified .el-upload{width:100%}.generate-container .upload-unified .el-upload-dragger{width:100%!important;min-height:150px;padding:20px 12px}.generate-container .upload-unified .el-upload__tip{line-height:1.5;word-break:break-word}.generate-container .access-url-content .el-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.generate-container .qr-preview{padding:12px}.generate-container .qr-actions .el-button{min-height:40px}}@media (max-width:480px){.generate-container .el-card__header .clearfix>span:first-of-type{font-size:15px}}@media (max-width:768px){.generate-type-drawer.generate-type-drawer--btt{border-radius:16px 16px 0 0;overflow:hidden;-webkit-box-shadow:0 -8px 32px rgba(15,23,42,.12);box-shadow:0 -8px 32px rgba(15,23,42,.12)}.generate-type-drawer.generate-type-drawer--btt .el-drawer__header{padding:16px 20px 12px;margin-bottom:0;border-bottom:1px solid #e2e8f0;font-size:16px;font-weight:600;color:#0f172a}.generate-type-drawer.generate-type-drawer--btt .el-drawer__body{padding:8px 12px max(20px,env(safe-area-inset-bottom,0));overflow-y:auto;-webkit-overflow-scrolling:touch}.generate-type-drawer .type-menu--drawer.el-menu{border:none!important;width:100%!important;background:transparent!important}.generate-type-drawer .type-menu--drawer .el-menu-item{height:auto!important;min-height:48px;line-height:1.35!important;margin:0 0 8px!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;white-space:normal!important;color:#475569!important}.generate-type-drawer .type-menu--drawer .el-menu-item i{margin-right:10px!important;color:#94a3b8}.generate-type-drawer .type-menu--drawer .el-menu-item.is-active{color:#6366f1!important;border-color:rgba(99,102,241,.45)!important;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.08))!important}.generate-type-drawer .type-menu--drawer .el-menu-item.is-active i{color:#6366f1!important}}.selected-file-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;margin-top:10px;padding:8px 12px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;min-width:0}.selected-file-row .selected-file-name{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:13px;color:#0f172a;word-break:break-all;line-height:1.4}.selected-file-row .selected-file-remove{-ms-flex-negative:0;flex-shrink:0;padding:0 4px!important;color:#475569}.selected-file-row .selected-file-remove:hover{color:#ef4444}.upload-tip-extra{display:block;margin-top:6px;color:#94a3b8;font-size:12px;line-height:1.45}.plan-size-guide-box{border-radius:14px}.plan-size-guide-box .el-message-box__status{display:none}.plan-size-guide-box .el-message-box__header{padding:18px 18px 10px}.plan-size-guide-box .el-message-box__title{font-size:16px;font-weight:600;color:#0f172a}.plan-size-guide-box .el-message-box__content{padding:4px 18px 14px}.plan-size-guide-box .el-message-box__message{padding:0}.plan-size-guide-box .plan-size-guide__lead{margin:0;font-size:14px;line-height:1.65;color:#0f172a;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 12px}.plan-size-guide-box .plan-size-guide__divider{height:1px;background:#f1f5f9;margin:12px 0 10px}.plan-size-guide-box .plan-size-guide__title{margin:0 0 6px;font-size:13px;font-weight:600;color:#475569}.plan-size-guide-box .plan-size-guide__list{margin:0;padding-left:18px;color:#475569;line-height:1.7;font-size:13px}.plan-size-guide-box .el-message-box__btns{padding:10px 18px 16px}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}