/* 由 tools/mp_css.js 从 _reverse/port/tool__pg__index.css 重挂到 .mpage-pg（原版 wxss 数值） */
.mpage-pg .top-content{background:#fff;border-radius:12px;margin:12px;padding:12px}
.mpage-pg .sm-item{background:#f5f5f5;border-radius:8px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-top:15px;padding:15px}
.mpage-pg .sm-icon{height:40px;width:40px}
.mpage-pg .section-title{color:#333;font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}
.mpage-pg .feature-list{-webkit-flex-direction:column;flex-direction:column;gap:15px}
.mpage-pg .feature-item,.mpage-pg .feature-list{display:-webkit-flex;display:flex}
.mpage-pg .feature-item{-webkit-align-items:center;align-items:center;background-color:#f8f8f8;border-radius:8px;padding:10px}
.mpage-pg .feature-icon{-webkit-flex-shrink:0;flex-shrink:0;height:40px;margin-right:12px;width:40px}
.mpage-pg .feature-text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-left:10px}
.mpage-pg .feature-name{color:#333;font-size:15px;font-weight:700;margin-bottom:4px}
.mpage-pg .feature-desc{color:#999;font-size:12px}
.mpage-pg .upload-section{background-color:#fff;border-radius:12px;margin:12px 12px 30px;padding:12px 20px 30px}
.mpage-pg .tip{color:#c2c0c0;font-size:11px;padding-top:20px;text-align:center}
.mpage-pg .upload-area,.mpage-pg .widthFix{-webkit-align-items:center;align-items:center;background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;display:-webkit-flex;display:flex;height:60px;-webkit-justify-content:center;justify-content:center;margin-bottom:20px;margin-top:-10px;width:60px}
.mpage-pg .upload-label{color:#5a5757;font-size:13px;padding-bottom:6px;padding-right:20px;padding-top:12px}
.mpage-pg .flex-info{margin-top:25px}
.mpage-pg .flex-info,.mpage-pg .nj-list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}
.mpage-pg .nj-list{font-size:13px}
.mpage-pg .bg-image{left:0;position:absolute;top:0;width:100%;z-index:0}
.mpage-pg .flex-content{left:0;position:fixed;right:0;top:160px}
.mpage-pg .upload-img{border-radius:8px;max-height:60px;width:100%}
.mpage-pg .inp-css{background:#f5f5f5;border-radius:5px;font-size:14px;padding:10px 12px;width:100%}
.mpage-pg .inp-info{width:65%}
.mpage-pg .nj-item{border:1px solid #f5f5f5;border-radius:5px;color:#727070;margin-right:15px;padding:8px}
.mpage-pg .body-view{padding-top:5px}
.mpage-pg .active{border:1px solid #606ff8;color:#606ff8}
.mpage-pg .my-placeholder{color:#b9b8b8;font-size:13px}
.mpage-pg .upload-placeholder{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
.mpage-pg .upload-icon{height:50px;margin-top:25px;opacity:.5;width:50px}
.mpage-pg .upload-tip{color:#999;font-size:12px;padding-top:10px;text-align:center;width:80px}
.mpage-pg .action-section{margin:12px}
.mpage-pg .btn-primary{background-color:#606ff8;border-radius:25px;color:#fff;font-size:16px;margin-bottom:10px;padding:15px;text-align:center}
.mpage-pg .btn-primary.disabled{background-color:#ccc}
.mpage-pg .btn-default{background-color:#fff;border:1px solid #ddd;border-radius:25px;color:#666;font-size:16px;padding:15px;text-align:center}
.mpage-pg .btn-group{display:-webkit-flex;display:flex;gap:10px}
.mpage-pg .btn-group .btn-default,.mpage-pg .btn-group .btn-primary{-webkit-flex:1;flex:1}
.mpage-pg .result-section{background-color:#fff;border-radius:12px;padding:20px}
.mpage-pg .result-title{color:#333;font-size:16px;font-weight:700;margin-bottom:15px;text-align:center}
.mpage-pg .result-content{-webkit-flex-direction:column;flex-direction:column;gap:15px}
.mpage-pg .result-content,.mpage-pg .result-score{display:-webkit-flex;display:flex}
.mpage-pg .result-score{-webkit-align-items:baseline;align-items:baseline;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;-webkit-justify-content:center;justify-content:center;padding:15px}
.mpage-pg .score-label{font-size:14px;margin-right:10px}
.mpage-pg .score-value{font-size:48px;font-weight:700}
.mpage-pg .score-unit{font-size:14px;margin-left:5px}
.mpage-pg .result-detail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:10px}
.mpage-pg .result-item{background-color:#f8f8f8;border-radius:8px;padding:12px}
.mpage-pg .result-label{color:#333;font-size:14px;font-weight:700}
.mpage-pg .result-text{color:#666;display:block;font-size:13px;line-height:1.5;margin-top:5px}
.mpage-pg .pg-active{background-color:#b3b2b2}
.mpage-pg .qz-tip{color:#cecbcb;font-size:12px;padding-left:10px;padding-top:13px}
