*{box-sizing:border-box;margin:0;padding:0;font-family:'Microsoft Yahei',Arial,sans-serif}body{background:#f1f3f5;max-width:none;margin:0;padding:0}a{color:#2bbc8a;text-decoration:none}a:hover{color:#2f343a}.container{margin:1px auto;max-width:1200px}h1{color:#2c3e50;margin-bottom:20px;font-size:24px;font-weight:600}h2{color:#34495e;margin-bottom:16px;font-size:18px;font-weight:600;border-bottom:1px solid #eee;padding-bottom:8px}.topbar{background:#2f343a;color:#e5e7eb;padding:0 24px;box-shadow:0 2px 6px rgba(0,0,0,0.25)}.topbar-time{margin-top:23px;color:#fff;font-size:.875rem;font-weight:500}.topbar-inner{max-width:1200px;margin:0 auto;padding:27px 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.topbar-left{padding-top:16px;gap:8px}.topbar-title{color:#2bbc8a;font-size:16px;font-weight:600}.topbar-subtitle{font-size:13px;color:#9aa4af;margin-left:8px}.topbar-right{display:flex;align-items:center;gap:16px;font-size:.875rem;margin-top:52px}.topbar-right a{color:#2bbc8a;text-decoration:none}.topbar-right a:hover{color:#fff}.wifi-info-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:8px}.wifi-info-header h2{margin-bottom:0;border-bottom:none;padding-bottom:0}.command-group{margin:15px 0;padding:20px;border:1px solid #eee;border-radius:10px;background:#fafafa}@media (max-width:576px){.command-group{padding:16px 12px}}.serial-controls{display:flex;gap:12px;padding-top:19px;flex-wrap:wrap}button{padding:10px 18px;border:none;border-radius:6px;cursor:pointer;color:#fff;font-size:14px;font-weight:500;transition:background-color .2s;background:#2b895f}button:hover{opacity:.9;background:#18a864}button:disabled{background:#6c757d;cursor:not-allowed;opacity:1}button.btn-scan{background:#28a745}button.btn-set{background:#2b895f;color:#fff}button.btn-disconnect{background:#dc3545}button.btn-refresh{background:#2f343a}input[type="text"]{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;flex:1;min-width:230px;font-size:14px;transition:border-color .2s}input[type="text"]:focus{outline:none;border-color:#18a864;box-shadow:0 0 0 2px rgba(0,123,255,0.25)}.radio-group{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:4px 0}.radio-item{position:relative;display:inline-block}.radio-item input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.radio-item label{display:inline-block;padding:8px 16px;background:#e9ecef;color:#495057;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.radio-item input[type="radio"]:checked+label{background:#2b895f;color:#fff}.radio-item label:hover{background:#dee2e6}.radio-item input[type="radio"]:checked+label:hover{background:#2b895f}.form-row{display:flex;gap:16px;margin:16px 0;flex-wrap:wrap}.form-row>div{flex:1;min-width:200px}.form-label{display:block;margin-bottom:8px;color:#495057;font-size:14px;font-weight:500}.form-section{transition:all .3s ease}.form-section.hidden{display:none}.log-area{width:100%;height:300px;border:1px solid #ced4da;border-radius:8px;padding:12px;overflow-y:auto;background:#fff;font-family:Consolas,monospace;font-size:14px;white-space:pre-wrap;line-height:1.5}.log-received{color:#28a745}.log-sent{color:#18a864}.log-error{color:#dc3545;font-weight:500}.info-item{padding:0 12px;display:flex}.info-label{font-weight:600;color:#6c757d;font-size:12px;margin-right:5px;line-height:1}.info-value{font-size:12px;color:#2c3e50;word-break:break-all;line-height:1;cursor:pointer;transition:color .2s}.info-value:hover{color:#18a864}.info-item.info-item-keep{padding:16px;border-radius:8px;border:1px solid #eee;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.03);display:block}.info-item.info-item-keep .info-label{font-size:13px;margin-bottom:6px}.info-item.info-item-keep .info-value{font-size:15px;line-height:1.5;cursor:pointer;transition:color .2s}.empty-state{color:#adb5bd;text-align:center;padding:30px;grid-column:1/-1;font-size:14px}.loading-container{display:flex;align-items:center;justify-content:center;padding:30px;color:#18a864;font-size:14px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(0,123,255,0.2);border-radius:50%;border-top-color:#18a864;animation:spin 1s ease-in-out infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}.custom-alert-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;backdrop-filter:blur(2px)}.custom-alert-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:380px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:9999;overflow:hidden}.custom-alert-header{padding:16px 20px;font-size:16px;font-weight:600;color:#333;border-bottom:1px solid #eee}.custom-alert-content{padding:24px 20px;font-size:15px;color:#666;line-height:1.5}.custom-alert-close{width:100%;padding:12px 0;font-size:15px;color:#fff;background:#2b895f;border:none;border-radius:0 0 8px 8px;cursor:pointer;transition:background .2s}.custom-alert-close:hover{background:#0eb16c}.hidden{display:none !important}.device-connect-alert{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#28a745;color:#fff;padding:12px 24px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:10000;animation:slideDown .3s ease-out forwards}@keyframes slideDown{from{top:-60px;opacity:0}to{top:20px;opacity:1}}#getWifiInfoBtn:hover{opacity:.9}#getWifiInfoBtn:disabled{background:#6c757d;cursor:not-allowed;opacity:1}.serial-prompt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.9);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease}.serial-prompt-container{text-align:center;max-width:500px;padding:30px;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.15);color:#6c757d}.serial-prompt-container li{text-align:left;margin:5px;list-style-type:auto;font-size:15px}.serial-prompt-container h2{color:#2c3e50;margin-bottom:15px;font-size:22px}.serial-prompt-container p{color:#6c757d;margin-bottom:25px;line-height:1.6}.prompt-connect-btn{padding:12px 24px;font-size:16px;background:#2b895f;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.prompt-connect-btn:hover{background:#0eb16c}.command-set-button{display:flex;align-items:center;margin-top:16px}#downloadConfigBtn{margin-left:auto}.firmware-update-container{margin-top:16px;display:flex;align-items:center;gap:8px}.firmware-desc{color:#6c757d;font-size:14px}.serial-prompt-container a{text-decoration:none;color:#ec7a40}.wifi-info-keep-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.wifi-info-normal-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.wifi-info-card{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}div#hbackground{background:url(bg.jpg) no-repeat 100%;background-size:399px;height:251px;padding-top:35px;color:#919399;margin-top: 6px}.command-group.wifi{margin-top:0}.intro-text p{margin:12px 0;font-size:15px}#footer{padding:7px 1px;color:#9f9f9f;text-align:right;font-size:13px}.intro-text h2{border-bottom:none} span.hostnamelocal {color: #9e9e9e;margin-left: 5px;font-size: 14px;vertical-align: bottom;}.warning-box {background: #fff9e6;border: 1px solid #fee588;border-left: 4px solid #e6a23c;padding: 15px;margin: 10px 0;border-radius: 4px;font-size: 14px;color: #666;}.warning-box p {margin: 5px 0;line-height: 1.5;}