.faq-item .expand-icon,.sidebar-menu-item.submenu-open .submenu-arrow{transform:rotate(180deg)}body.logged-in .footerpage,body.logged-in header.header .ruanzhu-header.fix-header{padding-left:250px!important}.padding-wrap{padding:3% 0;z-index:1}.index{position:relative;min-height:100vh}.main-layout{display:flex;min-height:100vh;background-color:#eff8ff}#content-container{position:relative;min-height:400px}.left-sidebar{width:280px;background-color:#fff;box-shadow:2px 0 8px rgba(0,0,0,.1);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000}.sidebar-logo{padding:30px 20px;border-bottom:1px solid #f0f0f0}.logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,#3b5cf1,#352eb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.logo-subtitle{font-size:14px;font-weight:600;color:#425ae7;letter-spacing:1px}.sidebar-menu{flex:1;padding:30px 0 20px;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-menu-item{display:flex;align-items:center;padding:15px 20px;margin:5px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#64748b}.sidebar-menu-item:hover{background-color:#e6f0ff;color:#425ae7}.sidebar-menu-item.active{background-color:#f0f9ff;color:#425ae7;border-left:3px solid #425ae7;margin-left:12px}.menu-icon{margin-right:12px;color:inherit}.menu-text{font-size:14px;font-weight:500}.sidebar-menu-item.has-submenu{position:relative;flex-direction:column;align-items:stretch;padding:0;margin:5px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#64748b}.menu-header{display:flex;align-items:center;padding:15px 20px;transition:all .3s ease}.menu-header .menu-icon{margin-right:12px;color:inherit}.menu-header .menu-text{font-size:14px;font-weight:500;flex:1}.menu-header .submenu-arrow{margin-left:auto;transition:transform .3s ease;color:#9ca3af}.sidebar-menu-item.submenu-open{background-color:transparent;color:#64748b;border-left:none;margin-left:15px}.sidebar-submenu-item,.submenu-items{margin:0;background-color:transparent}.submenu-items{display:none;padding:0;box-shadow:none;border:none}.sidebar-menu-item.submenu-open .submenu-items{display:block}.sidebar-submenu-item{padding:12px 20px 12px 50px;cursor:pointer;transition:all .3s ease;color:#64748b;border-radius:0;position:relative;font-size:14px;border-left:3px solid transparent}.sidebar-submenu-item:hover{background-color:#e6f0ff;color:#425ae7;border-left-color:#425ae7}.sidebar-submenu-item.active{background-color:#f0f9ff;color:#425ae7;border-left-color:#425ae7}.sidebar-submenu-item.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#425ae7}.submenu-text{font-size:14px;font-weight:500}.sidebar-credits{margin:20px 15px;padding:15px;background-color:#fff;border:2px solid #425ae7;border-radius:8px;display:flex;align-items:center;flex-shrink:0}.credits-icon,.generate-materials-tools .tools-container .tools-btns .btn i{margin-right:10px}.credits-icon{color:#425ae7}.credits-text{font-size:14px;font-weight:600;color:#425ae7}.right-content{flex:1;margin-left:280px;padding:20px;min-height:100vh;position:relative}@media (min-width:990px){.right-content{overflow-x:auto;overflow-y:auto}.sidebar-close-btn{display:none!important}}@media (max-width:990px){body.logged-in .footerpage,body.logged-in header.header .ruanzhu-header.fix-header{padding-left:0!important}.left-sidebar{transform:translateX(-100%);transition:transform .25s ease;width:80%;max-width:320px}body.sidebar-open .left-sidebar{transform:translateX(0)}.right-content{margin-left:0}.sidebar-toggle-btn{display:none!important}.sidebar-overlay{display:none}body.sidebar-open .sidebar-overlay{display:block;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:100}.sidebar-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;z-index:1201}.sidebar-close-btn svg{color:#111827}body.logged-in .ruanzhu-header #login-price,body.logged-in .ruanzhu-header #user-dropdown{display:block!important}body.logged-in .ruanzhu-header #login-user-not-logged{display:none!important}body:not(.logged-in) .ruanzhu-header #login-user-not-logged{display:block!important}body:not(.logged-in) .ruanzhu-header #login-price,body:not(.logged-in) .ruanzhu-header #user-dropdown{display:none!important}}.content-section{transform:translateY(30px);opacity:0;visibility:hidden;overflow:hidden;height:0;position:absolute;top:0;left:0;right:0}.content-section>div{margin-bottom:2em}.content-section.active{animation:activeshow .4s forwards}@keyframes activeshow{0%{transform:translateY(30px);opacity:0;visibility:hidden;overflow:hidden;height:0;position:absolute;display:none}1%{position:relative;display:block;transform:translateY(30px);opacity:0;visibility:hidden;overflow:hidden;height:auto}100%{position:relative;display:block;transform:translateY(0);opacity:1;visibility:inherit;overflow:inherit;height:auto}}.section-content{background:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.section-content h2{font-size:24px;color:#425ae7;margin-bottom:20px}.section-content p{font-size:16px;color:#64748b}.generate-materials-tools{position:relative}.generate-materials-tools .tools-container{background:linear-gradient(135deg,#fff 0,#f8faff 100%);border-radius:16px;padding:48px;box-shadow:0 4px 20px rgba(66,90,231,.08);border:1px solid rgba(66,90,231,.1);transition:all .3s ease}.generate-materials-tools .tools-container:hover{box-shadow:0 8px 30px rgba(66,90,231,.12)}.generate-materials-tools .tools-container .tools-card{display:flex;align-items:center}.generate-materials-tools .tools-container .tools-card .icon{display:inline-flex;justify-content:center;align-items:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#3b5cf1,#352eb3);box-shadow:0 4px 12px rgba(66,90,231,.3);transition:all .3s ease}.generate-materials-tools .tools-container .tools-card .icon:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(66,90,231,.4)}.generate-materials-tools .tools-container .tools-card .icon i{font-size:22px;color:#fff}.generate-materials-tools .tools-container .tools-card .info{flex:1;margin-left:20px}.generate-materials-tools .tools-container .tools-card .info .title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#3b5cf1,#352eb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-.5px}.generate-materials-tools .tools-container .tools-card .info .line{width:60px;height:3px;background:linear-gradient(90deg,#425ae7 0,#2563eb 100%);border-radius:2px}@keyframes bloom-dot{0%{transform:translateY(-50%) scale(.5)}70%{transform:translateY(-50%) scale(1.2)}100%{transform:translateY(-50%) scale(1)}}@keyframes bloom-ripple{0%{transform:translateY(-50%) scale(1);opacity:.6}100%{transform:translateY(-50%) scale(2.5);opacity:0}}.generate-materials-tools .tools-container .tools-step{margin-top:20px}.generate-materials-tools .tools-container .tools-step .step-desc{color:#374151;font-size:14px;margin-bottom:15px}.generate-materials-tools .tools-container .tools-step .all-steps{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:20px;background:linear-gradient(135deg,#f8faff 0,#f0f4ff 100%);padding:20px 0;border-radius:14px;border:1px solid rgba(66,90,231,.1);box-shadow:inset 0 2px 8px rgba(0,0,0,.03)}.generate-materials-tools .tools-container .tools-step .all-steps .step{position:relative;display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:15px;font-weight:500;padding-left:20px;transition:all .3s ease}.generate-materials-tools .tools-container .tools-step .all-steps .step.active{color:#425ae7;font-weight:600}.generate-materials-tools .tools-container .tools-step .all-steps .step.active::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:0;top:50%;transform:translateY(-50%);border:1px solid #425ae7;animation:bloom-ripple 2s ease-out infinite}.generate-materials-tools .tools-container .tools-step .all-steps .step::before{position:absolute;content:"";width:8px;height:8px;background-color:#ddd;border-radius:50%;left:0;top:50%;transform:translateY(-50%);z-index:1}.generate-materials-tools .tools-container .tools-step .all-steps .step.active::before{background-color:#425ae7;animation:bloom-dot 2s ease-out infinite}.generate-materials-tools .tools-container .tools-step .all-steps .step-separator{width:60px;height:2px;background:linear-gradient(90deg,transparent 0,#ddd 50%,transparent 100%)}.generate-materials-tools .tools-container .tools-form{position:relative}.generate-materials-tools .tools-container .tools-form .layui-form-item{display:flex;flex-direction:column}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-form-label{display:flex;align-items:center;padding:0 0 0 12px;width:auto;font-size:14px;font-weight:500;color:#374151;position:relative}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-form-label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:linear-gradient(135deg,#3b5cf1,#352eb3);border-radius:2px}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-form-label i:hover{color:#425ae7}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-form-label i{margin-left:5px;color:#9ca3af;font-size:14px;transition:all .2s linear}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-input-block{margin-left:0;margin-top:10px;border-radius:10px}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-input-block .layui-input{border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-input-block .layui-input:focus{outline:0;border-color:#425ae7!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-input-block .char-hint-logged-in{font-size:13px;color:#9ca3af;margin-top:8px;margin-left:10px}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-input-block .char-hint-logged-in.invalid{color:#ef4444}.generate-materials-tools .tools-container .tools-form .layui-form-item .layui-input-block .char-hint-logged-in.valid{color:#10b981}.generate-materials-tools .tools-container .tools-form .layui-form-item .device-type{display:flex;gap:16px;margin-top:10px}.generate-materials-tools .tools-container .tools-form .layui-form-item .device-type .device-option{flex:inherit;display:flex;justify-content:center;align-items:center;padding:8px 16px;border:2px solid #e0e0e0;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);min-width:60px;width:auto}.generate-materials-tools .tools-container .tools-form .layui-form-item .device-type .device-option svg{margin-right:6px}.generate-materials-tools .tools-container .tools-form .layui-form-item .device-type .device-option .device-text{font-size:14px;color:#666}.generate-materials-tools .tools-container .tools-form .layui-form-item .device-type .device-option:hover{border-color:#425ae7;box-shadow:0 4px 12px rgba(66,90,231,.2);transform:translateY(-2px)}.generate-materials-tools .tools-container .tools-form .layui-form-item .device-type .device-option.selected{border-color:#425ae7;background:linear-gradient(135deg,#f0f9ff 0,#e6f2ff 100%);box-shadow:0 4px 16px rgba(66,90,231,.25)}.generate-materials-tools .tools-container .tools-select{position:relative;display:flex;align-items:center;gap:25px;margin-top:25px}.generate-materials-tools .tools-container .tools-select .select-item{display:flex;align-items:center}.generate-materials-tools .tools-container .tools-select .select-item .title{display:flex;align-items:center;font-size:14px;font-weight:500;color:#374151;position:relative;padding-left:12px}.generate-materials-tools .tools-container .tools-select .select-item .title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:linear-gradient(135deg,#3b5cf1,#352eb3);border-radius:2px}.generate-materials-tools .tools-container .tools-select .select-item .title svg{color:#9ca3af;margin-right:4px}.generate-materials-tools .tools-container .tools-select .select-item .content{margin-left:5px}.generate-materials-tools .tools-container .tools-select .select-item .content select{padding:3px 0 3px 5px;width:90px;height:30px;border-radius:var(--border-radius);border:1px solid #d2d2d2;color:#777}.generate-materials-tools .tools-container .tools-select .select-item.language-item{flex-direction:column;align-items:flex-start;gap:12px}.generate-materials-tools .tools-container .tools-select .select-item.language-item .content.language-content{margin-left:0;display:flex;flex-direction:column;gap:12px;width:100%}.generate-materials-tools .tools-container .tools-select .select-item.language-item .backend-language,.generate-materials-tools .tools-container .tools-select .select-item.language-item .frontend-language{display:flex;align-items:center;gap:8px}.generate-materials-tools .tools-container .tools-select .select-item.language-item .language-label{font-size:14px;font-weight:500;color:#6b7280;min-width:50px}.generate-materials-tools .tools-container .tools-select .select-item.language-item .language-value{font-size:14px;font-weight:500;color:#374151}.generate-materials-tools .tools-container .tools-select .select-item.language-item .backend-language-buttons{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.generate-materials-tools .tools-container .tools-select .select-item.language-item .lang-btn{flex:1;min-width:60px;display:flex;justify-content:center;align-items:center;padding:8px 16px;border:2px solid #e0e0e0;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04);font-size:14px;color:#666;font-weight:500}.generate-materials-tools .tools-container .tools-select .select-item.language-item .lang-btn:hover{border-color:#425ae7;box-shadow:0 4px 12px rgba(66,90,231,.2);transform:translateY(-2px)}.generate-materials-tools .tools-container .tools-select .select-item.language-item .lang-btn.selected{border-color:#425ae7;background:linear-gradient(135deg,#f0f9ff 0,#e6f2ff 100%);box-shadow:0 4px 16px rgba(66,90,231,.25)}.generate-materials-tools .tools-container .tools-select .select-item .content.version-input-wrapper{display:flex;align-items:center;gap:6px}.generate-materials-tools .tools-container .tools-select .select-item .content.version-input-wrapper .version-prefix{font-size:14px;color:#374151}.generate-materials-tools .tools-container .tools-select .select-item .content.version-input-wrapper .version-input{padding:6px 12px;width:80px;height:36px;border-radius:10px;border:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:500;background-color:#fff;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.generate-materials-tools .tools-container .tools-select .select-item .content.version-input-wrapper .version-input::placeholder{color:#9ca3af}.generate-materials-tools .tools-container .tools-select .select-item .content.version-input-wrapper .version-input:hover{border-color:#d1d5db}.generate-materials-tools .tools-container .tools-select .select-item .content.version-input-wrapper .version-input:focus{outline:0;border-color:#425ae7;box-shadow:0 0 0 4px rgba(66,90,231,.12)}.generate-materials-tools .tools-container .tools-btns{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:50px}.generate-materials-tools .tools-container .tools-btns .btn{position:relative;height:48px;padding:0 24px;border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;font-weight:500;letter-spacing:.5px}.generate-materials-tools .tools-container .tools-btns .btn:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.generate-materials-tools .tools-container .tools-btns .agent-btn{min-width:180px;background:linear-gradient(135deg,#f8fafc 0,#f0f4ff 100%);color:#425ae7;border:2px solid rgba(66,90,231,.2)}.generate-materials-tools .tools-container .tools-btns .agent-btn:hover{border-color:#425ae7;background:linear-gradient(135deg,#f0f4ff 0,#e6f2ff 100%)}.generate-materials-tools .tools-container .tools-btns .generate-btn{min-width:280px;background:linear-gradient(135deg,#4361EE,#3F37C9);color:#fff;box-shadow:0 4px 16px rgba(66,90,231,.3)}.generate-materials-tools .tools-container .tools-btns .generate-btn:hover{background:linear-gradient(135deg,#3b5cf1,#352eb3);box-shadow:0 8px 24px rgba(66,90,231,.4)}.generate-history{position:relative}.generate-history .history-container{background:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.generate-history .history-container .generate-history-head{display:flex;align-items:center;justify-content:space-between}.generate-history .history-container .generate-history-head .title{font-size:20px;font-weight:600;color:#425ae7}.generate-history .history-container .generate-history-head .allitem-link{display:flex;align-items:center;justify-content:space-between;min-width:115px;height:40px;padding:0 15px;border:1px solid #ddd;border-radius:10px;color:#666;transition:all .2s linear}.generate-history .history-container .generate-history-head .allitem-link i{font-size:14px;transition:all .2s linear}.generate-history .history-container .generate-history-head .allitem-link:hover{background-color:#f1f5f9}.generate-history .history-container .generate-history-head .allitem-link:hover i{transform:translateX(3px)}.ai-review-container{background:#fff;border-radius:var(--border-radius);padding:40px;box-shadow:var(--box-shadow);min-height:calc(100vh - 80px)}.ai-review-header{text-align:center;margin-bottom:40px}.header-content{position:relative;max-width:800px;margin:0 auto}.main-title{font-size:28px;font-weight:600;color:#425ae7;margin:15px 0 12px;line-height:1.2}.check-btn,.name-input{font-size:16px;border:none}.subtitle{font-size:16px;color:#64748b;margin-bottom:30px;line-height:1.5}.input-section{margin-bottom:20px}.input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:600px;margin:0 auto;transition:border-color .3s ease}.input-wrapper:focus-within{outline:0;border-color:#425ae7!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-icon{padding:0 16px;color:#64748b}.name-input{flex:1;outline:0;padding:16px 0;background:0 0;font-family:var(--fontfamily)}.check-btn,.faq-title,.tool-label{align-items:center}.name-input::placeholder{color:#a0aec0}.check-btn{background:linear-gradient(135deg,#3b5cf1,#352eb3);color:#fff;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;display:flex;gap:8px;transition:all .3s ease;font-family:var(--fontfamily)}.tool-icon,.tool-label{color:#64748b}.check-btn:hover{background:linear-gradient(135deg,#1b38e4 0,#03194a 100%);transform:translateY(-1px)}.tool-label{display:inline-flex;justify-content:center;gap:6px;font-size:14px;background:#e6f0ff;padding:8px 12px;border-radius:20px;border:1px solid #e2e8f0}.faq-list,.faq-question,.faq-title{gap:12px;display:flex}.faq-section{max-width:1000px;margin:0 auto}.faq-header{margin-bottom:30px;text-align:center}.faq-title{justify-content:center;font-size:22px;font-weight:600;color:#1e293b;margin-bottom:10px}.faq-icon{color:#425ae7}.faq-subtitle{color:#64748b;font-size:15px;line-height:1.5}.faq-list{flex-direction:column}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.05)}.faq-item:hover{border-color:#425ae7;box-shadow:0 2px 8px rgba(0,0,0,.1)}.faq-question{align-items:center;padding:18px 20px;font-size:15px;font-weight:600;color:#1e293b;background:#e6f0ff;border-bottom:1px solid #e2e8f0}.question-icon{color:#425ae7;flex-shrink:0}.faq-question span{flex:1;color:#4361ee}.expand-icon{color:#64748b;transition:transform .3s ease}.faq-item.active .expand-icon{transform:rotate(0)}.faq-answer{padding:20px;background:#fff;max-height:1000px;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.faq-item.active .faq-answer{max-height:0;padding:0 20px}.faq-answer p{color:#1e293b;font-size:14px;line-height:1.6;margin-bottom:16px}.examples{display:flex;flex-direction:column;gap:10px}.example-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;line-height:1.5;border:1px solid transparent}.example-item.success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2)}.example-item.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.example-item.warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.example-icon{font-size:14px;flex-shrink:0;margin-top:2px}.history-item,.project-preview{align-items:center;display:flex}.example-item.success .example-icon{color:#22c55e}.example-item.error .example-icon{color:#ef4444}.example-item.warning .example-icon{color:#f59e0b}.example-item span,.item-title{color:#1e293b}.history-item{justify-content:space-between;padding:15px 20px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:10px;transition:all .2s ease}.history-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.1)}.item-info{flex:1}.item-title{font-size:15px;font-weight:500;margin-bottom:4px}.item-time{font-size:13px;color:#64748b}.item-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.item-status.success{background:rgba(34,197,94,.1);color:#16a34a}.item-status.pending{background:rgba(245,158,11,.1);color:#d97706}.item-status.failed{background:rgba(239,68,68,.1);color:#dc2626}.project-history-section{margin-top:30px}.project-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-history-title{font-size:24px;font-weight:600;color:#1f2937;margin:0}.view-all-projects{background:linear-gradient(135deg,#4361EE,#3F37C9);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.view-all-projects:hover{transform:translateY(-2px);background:linear-gradient(135deg,#3b5cf1,#352eb3);box-shadow:0 4px 12px rgba(66,90,231,.3)}.project-history-container{display:flex;flex-direction:column;gap:20px}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;display:flex;min-height:200px}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.project-preview{width:250px;justify-content:center}.preview-placeholder{color:#9ca3af;background:#f8fafc;border:1px solid #e5e7eb;width:200px;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:10px}.preview-placeholder i{font-size:48px;display:block}.preview-placeholder span{font-size:14px}.project-details{flex:1;padding:24px;display:flex;flex-direction:column}.project-header{margin-bottom:16px}.project-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 12px;line-height:1.4}.project-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:12px}.project-meta span{display:flex;align-items:center;font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:10px}.project-meta i{margin-right:6px;font-size:14px}.project-id{font-family:'Courier New',monospace}.project-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.project-status.completed{background:#dcfce7;color:#166534}.project-status.generating{background:#fef3c7;color:#92400e}.generating-task-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px;display:flex;align-items:center;gap:16px}.generating-file-icon{width:48px;height:48px;background:#dbeafe;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.generating-file-icon svg{color:#2563eb;width:24px;height:24px}.generating-file-name{font-size:16px;font-weight:600;color:#1e40af;min-width:120px;flex-shrink:0}.generating-progress-section{flex:1;min-width:0}.generating-progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#374151}.generating-percentage{font-weight:600;color:#374151}.generating-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.generating-progress-fill{height:100%;background:linear-gradient(90deg,#4b5563,#6b7280);border-radius:4px;transition:width .3s ease}.generating-status{display:flex;align-items:center;gap:8px;font-size:14px;color:#0891b2}.project-documents,.project-footer{justify-content:space-between;display:flex}.generating-status i{font-size:16px;color:#0891b2}.generating-countdown{font-weight:600;font-family:'Courier New',monospace;color:#0891b2;margin-left:4px}.project-documents{gap:12px;margin-bottom:16px}.project-footer{align-items:center;padding-top:16px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280}.btn-delete,.btn-download,.btn-generate{border:none;font-size:12px;cursor:pointer;transition:all .2s ease}.project-info{display:flex;gap:10px}.project-time,.project-version{display:flex;align-items:center;gap:4px}.project-time i,.project-version i{font-size:12px}.project-actions{display:flex;align-items:center;gap:8px}.btn-delete,.document-header{align-items:center;display:flex}.btn-delete{background:linear-gradient(135deg,#E53E3E,#c53030);color:#fff;padding:6px 8px;border-radius:6px;gap:4px}.btn-delete:hover{background:linear-gradient(135deg,#c03232,#9b2626);transform:translateY(-1px)}.btn-delete:active{transform:translateY(0)}.btn-delete:hover::after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background:#374151;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;pointer-events:none}.project-actions{position:relative}.document-item{display:flex;flex-direction:column;gap:12px;padding:12px 25px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.document-header{justify-content:space-between}.document-status{display:flex;align-items:center;gap:8px;min-width:80px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.completed{background:#10b981}.status-dot.pending{background:#9ca3af}.status-dot.generating{background:#f59e0b;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.status-text{font-size:13px;color:#6b7280}.document-name{flex:1;font-size:14px;color:#374151;margin-left:0 16px;display:flex;align-items:center;gap:6px}.document-name i{font-size:14px;display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:6px}.document-item:first-child .document-name i{background:#CCDFE6;color:#006080}.document-item:nth-child(2) .document-name i{background:#D8E6FD;color:#73a1ec}.document-item:last-child .document-name i{background:#D3F3DF;color:#71eb9e}.document-action{width:100%;text-align:right}.btn-download,.btn-generate{background:linear-gradient(135deg,#38A169,#2f855a);color:#fff;padding:6px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.btn-download:hover,.btn-generate:hover{background:linear-gradient(135deg,#4361EE,#3F37C9);transform:translateY(-1px)}.btn-generate{background:#059669}.btn-generate:hover{background:#047857}.btn-generate:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.btn-generate:disabled:hover{background:#9ca3af;transform:none}.history-empty,.history-loading{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.confirm-modal-close i,.empty-text{font-size:18px}.history-loading i{margin-right:8px}.history-empty{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-text{font-weight:500;color:#374151}.empty-desc{font-size:14px;color:#6b7280}.project-management-content{padding:24px;background:#f5f7fa}.project-management-content .project-search-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.project-management-content .search-form{flex:1;display:flex;align-items:center;gap:16px}.project-management-content .search-item{display:flex;align-items:center;gap:12px}.project-management-content .search-label{font-size:14px;color:#374151;font-weight:500;white-space:nowrap}.project-management-content .search-input{width:280px;height:40px;padding:0 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;transition:all .3s ease}.project-management-content .search-input:focus{outline:0;border-color:#425ae7;box-shadow:0 0 0 3px rgba(66,90,231,.1)}.project-management-content .search-btns{display:flex;gap:12px}.project-management-content .btn-reset,.project-management-content .btn-search{height:40px;padding:0 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.project-management-content .btn-search{background:linear-gradient(135deg,#3b5cf1,#352eb3);color:#fff}.project-management-content .btn-search:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,90,231,.3);background:linear-gradient(135deg,#1b38e4 0,#03194a 100%)}.project-management-content .btn-reset{background:#fff;color:#6b7280;border:1px solid #d1d5db}.project-management-content .btn-reset:hover{background:#f9fafb;border-color:#9ca3af}.project-management-content .add-project-btn-wrapper{display:flex;align-items:center}.project-management-content .btn-add-project{height:40px;padding:0 24px;background:linear-gradient(135deg,#3b5cf1,#352eb3);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.project-management-content .btn-add-project:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,90,231,.3);background:linear-gradient(135deg,#1b38e4 0,#03194a 100%)}.project-management-content .project-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.project-management-content .project-table tbody tr:hover,.project-management-content .project-table thead{background:#f9fafb}.project-management-content .project-table{width:100%;border-collapse:collapse}.project-management-content .project-table thead th{padding:16px 20px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.project-management-content .project-table tbody td{padding:16px 20px;font-size:14px;color:#6b7280;border-bottom:1px solid #f3f4f6}.project-management-content .project-table tbody tr:last-child td{border-bottom:none}.project-management-content .project-name-cell{color:#1f2937;font-weight:500}.project-management-content .table-error,.project-management-content .table-loading{text-align:center;padding:40px 20px!important;color:#9ca3af}.project-management-content .table-loading i{font-size:20px;margin-right:8px}.project-management-content .status-cell{display:flex;align-items:center;gap:8px}.project-management-content .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.project-management-content .status-badge i{font-size:14px}.project-management-content .status-completed{background:#dcfce7;color:#166534}.project-management-content .status-generating{display:none}.project-management-content .status-unfinished{background:#fee2e2;color:#991b1b}.project-management-content .table-doc-progress{display:flex;align-items:center;gap:8px;margin-top:4px}.project-management-content .table-progress-bar{flex:1;height:6px;background:#e5e7eb;border-radius:4px;overflow:hidden;min-width:80px}.project-management-content .table-progress-fill{height:100%;width:10%;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .4s ease}.project-management-content .table-progress-percent{font-size:13px;font-weight:700;color:#2563eb;min-width:36px;text-align:right;display:inline-flex;align-items:center;gap:4px;margin-top:4px}.project-management-content .table-progress-percent i{font-size:14px;display:inline-block}.project-management-content .table-actions{display:flex;gap:8px}.project-management-content .btn-action{padding:6px 14px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease;background:#fff}.project-management-content .btn-view{background:linear-gradient(135deg,#3b5cf1,#352eb3);color:#fff}.project-management-content .btn-view:hover{background:linear-gradient(135deg,#1b38e4 0,#03194a 100%)}.project-management-content .btn-download{background:linear-gradient(135deg,#38A169,#2f855a);color:#fff}.project-management-content .btn-download:hover{background:linear-gradient(135deg,#348a5c,#1f553a)}.project-management-content .btn-delete{background:linear-gradient(135deg,#E53E3E,#c53030);color:#fff;position:relative}.project-management-content .btn-delete:hover{background:linear-gradient(135deg,#ce4141,#a12727)}.project-management-content .btn-delete:hover::after{display:none;content:none}.project-management-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.project-management-content .empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.project-management-content .empty-text{font-size:16px;color:#6b7280;font-weight:500}.project-management-content .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-top:20px;background:#fff;border-top:1px solid #e5e7eb}.project-management-content .pagination-info{font-size:14px;color:#6b7280}.project-management-content .page-size-select,.project-management-content .pagination-btn{padding:0 12px;color:#374151;background:#fff;cursor:pointer;height:32px;font-size:14px;transition:all .3s ease}.project-management-content .pagination-controls{display:flex;align-items:center;gap:12px}.project-management-content .page-size-select{border:1px solid #d1d5db;border-radius:6px}.project-management-content .page-size-select:hover{border-color:#425ae7}.project-management-content .page-size-select:focus{outline:0;border-color:#425ae7;box-shadow:0 0 0 3px rgba(66,90,231,.1)}.project-management-content .pagination-btn{min-width:32px;border:1px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center}.project-management-content .pagination-btn.disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.project-management-content .pagination-btn.current-page{background:linear-gradient(135deg,#3b5cf1,#352eb3);color:#fff;border-color:#425ae7;font-weight:500}.project-management-content .pagination-btn.next-btn,.project-management-content .pagination-btn.prev-btn{padding:0 8px}.project-management-content .go-to-page{display:flex;align-items:center;gap:8px;margin-left:12px;font-size:14px;color:#374151}.project-management-content .go-to-page-input{width:60px;height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;text-align:center;transition:all .3s ease}.project-management-content .go-to-page-input:focus{outline:0;border-color:#425ae7;box-shadow:0 0 0 3px rgba(66,90,231,.1)}.project-management-content .go-to-page-btn{height:32px;padding:0 16px;border:1px solid #425ae7;border-radius:6px;font-size:14px;color:#425ae7;background:#fff;cursor:pointer;transition:all .3s ease}.project-management-content .go-to-page-btn:hover{background:linear-gradient(135deg,#3b5cf1,#352eb3);color:#fff}.doc-progress{margin-top:4px}.doc-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:#374151}.doc-progress-percent{font-weight:700;color:#2563eb}.doc-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:6px;overflow:hidden}.doc-progress-fill{height:100%;width:10%;background:linear-gradient(90deg,#60a5fa,#3b82f6);transition:width .4s ease}.doc-progress-text{margin-top:6px;font-size:12px;color:#2563eb}.recharge-record-content{padding:24px;background:#f5f7fa}.recharge-record-content .page-title{margin:0 0 20px;font-size:24px;font-weight:600;color:#1e293b}.recharge-record-content .recharge-table-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;padding:24px}.recharge-record-content .recharge-table tbody tr:hover,.recharge-record-content .recharge-table thead{background:#f9fafb}.recharge-record-content .recharge-table{width:100%;border-collapse:collapse}.recharge-record-content .recharge-table thead th{padding:16px 20px;text-align:left;font-size:14px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.recharge-record-content .recharge-table tbody td{padding:16px 20px;font-size:14px;color:#6b7280;border-bottom:1px solid #f3f4f6}.recharge-record-content .recharge-table tbody tr:last-child td{border-bottom:none}.recharge-record-content .table-error,.recharge-record-content .table-loading{text-align:center;padding:40px 20px!important;color:#9ca3af}.recharge-record-content .table-loading i{font-size:20px;margin-right:8px}.recharge-record-content .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.recharge-record-content .empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.recharge-record-content .empty-icon svg{width:100%;height:100%}.recharge-record-content .empty-text{font-size:16px;color:#6b7280;font-weight:500}.recharge-record-content .pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;margin-top:20px;border-top:1px solid #e5e7eb}.recharge-record-content .pagination-info{font-size:14px;color:#6b7280}.recharge-record-content .page-size-select,.recharge-record-content .pagination-btn{padding:0 12px;color:#374151;background:#fff;height:32px;font-size:14px;cursor:pointer;transition:all .3s ease}.recharge-record-content .pagination-controls{display:flex;align-items:center;gap:12px}.recharge-record-content .page-size-select{border:1px solid #d1d5db;border-radius:6px}.recharge-record-content .page-size-select:hover{border-color:#425ae7}.recharge-record-content .page-size-select:focus{outline:0;border-color:#425ae7;box-shadow:0 0 0 3px rgba(66,90,231,.1)}.recharge-record-content .pagination-btn{min-width:32px;border:1px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center}.recharge-record-content .pagination-btn.disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.recharge-record-content .pagination-btn.current-page{background:linear-gradient(135deg,#3b5cf1,#352eb3);color:#fff;border-color:#425ae7;font-weight:500}.recharge-record-content .pagination-btn.next-btn,.recharge-record-content .pagination-btn.prev-btn{padding:0 8px}.recharge-record-content .go-to-page{display:flex;align-items:center;gap:8px;margin-left:12px;font-size:14px;color:#374151}.recharge-record-content .go-to-page-input{width:60px;height:32px;padding:0 8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;text-align:center;transition:all .3s ease}.recharge-record-content .go-to-page-input:focus{outline:0;border-color:#425ae7;box-shadow:0 0 0 3px rgba(66,90,231,.1)}.recharge-record-content .go-to-page-btn{height:32px;padding:0 16px;border:1px solid #425ae7;border-radius:6px;font-size:14px;color:#425ae7;background:#fff;cursor:pointer;transition:all .3s ease}.recharge-record-content .go-to-page-btn:hover{background:linear-gradient(135deg,#3b5cf1,#352eb3);color:#fff}body.logged-in #mobile-menu{display:none!important}@media (max-width:1024px){.main-layout{overflow-x:auto}#content-container{min-width:1000px}}@media (max-width:768px){.main-layout{overflow-x:hidden}#content-container{min-width:100%}.right-content{width:100%;padding:10px 0}.generate-materials-tools .tools-container{padding:15px}.generate-materials-tools .tools-container .tools-card .icon{width:46px;height:46px}.generate-materials-tools .tools-container .tools-card .info .title{font-size:21px}#projectTitleInput{font-size:11px}.generate-materials-tools .tools-container .tools-form .layui-form-item .device-type,.generate-materials-tools .tools-container .tools-step .all-steps{flex-direction:column}.generate-materials-tools .tools-container .tools-form .layui-form-item .device-type .device-option{padding:8px 12px}.generate-materials-tools .tools-container .tools-select{gap:15px;margin-top:20px;flex-direction:column;align-items:stretch}.generate-materials-tools .tools-container .tools-select .select-item .content select{width:60px}.generate-materials-tools .tools-container .tools-select .select-item.language-item .content.language-content{width:100%}.generate-materials-tools .tools-container .tools-select .select-item.language-item .backend-language,.generate-materials-tools .tools-container .tools-select .select-item.language-item .frontend-language{flex-direction:column;align-items:flex-start;gap:8px}.generate-materials-tools .tools-container .tools-select .select-item.language-item .backend-language-buttons{width:100%;justify-content:flex-start;gap:12px}.generate-materials-tools .tools-container .tools-select .select-item.language-item .lang-btn{flex:1;min-width:calc(50% - 6px);padding:8px 12px;font-size:13px}.ai-review-container,.project-details{padding:15px}.generate-materials-tools .tools-container .tools-select .select-item .content.version-input-wrapper .version-input{width:49px}.generate-materials-tools .tools-container .tools-btns{flex-direction:column;align-items:stretch;margin-top:20px}.project-meta{margin-bottom:2px}.project-documents{flex-direction:column}.project-preview{display:none}.project-history-title{font-size:21px}.project-title{font-size:18px}.main-title{font-size:24px}.subtitle{font-size:15px}.input-wrapper{flex-direction:column;gap:12px;padding:16px}.name-input{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius)}.check-btn{width:100%;justify-content:center}.tool-label{position:static;margin-top:20px;justify-content:center}.faq-question{padding:14px 15px;font-size:14px}.project-management-content .project-table,.recharge-record-content .recharge-table{font-size:12px}.faq-answer{padding:15px}.project-management-content{padding:10px 8px}.project-management-content .project-search-section,.project-management-content .search-form,.project-management-content .search-item{flex-direction:column;align-items:stretch}.project-management-content .search-input{width:100%}.project-management-content .status-badge{padding:4px 7px;border-radius:3px;text-align:center}.project-management-content .add-project-btn-wrapper{justify-content:flex-end}.project-management-content .project-table tbody td,.project-management-content .project-table thead th{padding:12px 8px}.project-management-content .table-actions{flex-direction:column;gap:4px}.project-management-content .btn-action{width:100%}.project-management-content .pagination-container{flex-direction:column;gap:16px;align-items:stretch}.project-management-content .pagination-info{text-align:center}.project-management-content .pagination-controls{flex-wrap:wrap;justify-content:center}.project-management-content .go-to-page{margin-left:0;justify-content:center;width:100%}.recharge-record-content{padding:10px 8px}.recharge-record-content .recharge-table-section{padding:0 0 20px}.recharge-record-content .recharge-table tbody td,.recharge-record-content .recharge-table thead th{padding:12px 8px}.recharge-record-content .pagination-container{flex-direction:column;gap:16px;align-items:stretch}.recharge-record-content .pagination-info{text-align:center}.recharge-record-content .pagination-controls{flex-wrap:wrap;justify-content:center}.recharge-record-content .go-to-page{margin-left:0;justify-content:center;width:100%}}body.logged-in .ruanzhu-logo-link{display:none!important}.confirm-submit-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;animation:fadeIn .3s ease}.confirm-submit-modal.show{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.confirm-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.confirm-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.confirm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8faff 0,#f0f4ff 100%)}.confirm-modal-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;color:#1f2937;margin:0}.confirm-modal-title i{color:#425ae7;font-size:22px}.confirm-modal-close{width:32px;height:32px;border:none;background:0 0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#6b7280}.confirm-modal-close:hover{background:#f3f4f6;color:#1f2937}.confirm-modal-body{padding:28px}.confirm-info-item{display:flex;align-items:flex-start;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease}.confirm-info-item:hover{background:#f3f4f6;border-color:#d1d5db}.confirm-info-item:last-child{margin-bottom:0}.confirm-info-label{display:flex;align-items:center;gap:8px;min-width:100px;font-size:14px;font-weight:500;color:#6b7280;flex-shrink:0}.confirm-info-label i{color:#425ae7;font-size:16px}.confirm-info-value{flex:1;font-size:15px;font-weight:600;color:#1f2937;word-break:break-word}.confirm-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e5e7eb;background:#f9fafb}.confirm-btn-cancel,.confirm-btn-submit{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.confirm-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.confirm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.confirm-btn-submit{background:linear-gradient(135deg,#4361EE,#3F37C9);color:#fff;box-shadow:0 4px 12px rgba(66,90,231,.3)}.confirm-btn-submit:hover{background:linear-gradient(135deg,#3b5cf1,#352eb3);box-shadow:0 6px 16px rgba(66,90,231,.4);transform:translateY(-1px)}.confirm-btn-submit:active{transform:translateY(0)}@media (max-width:768px){.confirm-modal-body,.confirm-modal-header{padding:20px}.confirm-modal-content{width:95%;max-width:none}.confirm-modal-title{font-size:18px}.confirm-info-item{flex-direction:column;gap:8px;padding:12px}.confirm-info-label{min-width:auto}.confirm-modal-footer{flex-direction:column-reverse;padding:16px 20px}.confirm-btn-cancel,.confirm-btn-submit{width:100%}}