body{background-image:url(../css/icons-background.svg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;margin:0;padding:0;font-family:HarmonyOS_Regular,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif}.loading-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fcfcff;z-index:9999;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:HarmonyOS_Regular,sans-serif;transition:opacity .3s ease-out}.loading-content{display:flex;flex-direction:column;align-items:center;gap:15px}.loading-icon{width:36px;height:36px;border:3px solid #409eff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#606266;font-size:16px;font-weight:500;letter-spacing:1px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-mask.hide{opacity:0;pointer-events:none}.el-table .warning-row{background-color:#fdf5e6}.el-table .success-row{background-color:#f0f9eb}.el-table .danger-row{background-color:#fef0f0}.el-table .info-row{background-color:#f4f4f5}.el-table .danger-row:hover>td,.el-table .info-row:hover>td,.el-table .success-row:hover>td,.el-table .warning-row:hover>td{background-color:rgba(0,0,0,.1)!important}.app-container{display:flex;width:100%;min-height:100vh;position:relative}.app-container::after{content:'';position:absolute;top:0;bottom:0;left:360px;width:1px;background:linear-gradient(to bottom,rgba(220,223,230,.5),#dcdfe6 15%,#dcdfe6 85%,rgba(220,223,230,.5));box-shadow:0 0 4px rgba(0,0,0,.06);z-index:2}.sidebar{width:360px;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.15);padding:20px;display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:3}.main-content{flex:1;padding:30px 40px;background-color:#fff;min-width:0;box-shadow:0 2px 10px rgba(0,0,0,.03);display:flex;flex-direction:column}.section-title{position:relative;padding-left:15px;font-size:16px;font-weight:500;color:#303133}.section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background-color:#4e6ef2;border-radius:2px}.sidebar-title{font-size:16px;color:#606266;margin-bottom:15px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.sidebar-title .info-icon{color:#4e6ef2;cursor:pointer;font-size:16px;transition:all .3s;background-color:rgba(78,110,242,.1);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.sidebar-title .info-icon:hover{color:#fff;background-color:#4e6ef2;transform:scale(1.1)}.card-info{width:auto!important;margin:15px 0!important}.query-form-area{margin-bottom:15px}.query-form-area .el-textarea__inner{border-radius:4px;transition:all .3s;font-size:13px;border:2px solid #dcdfe6;box-sizing:border-box}.query-form-area .el-textarea__inner::placeholder{font-size:13px;font-weight:700;color:#adb5c0;letter-spacing:.5px}.query-form-area .el-textarea__inner:hover{border-color:#4e6ef2}.query-form-area .el-textarea__inner:focus{border-color:#4e6ef2;box-shadow:none;outline:0}.option-item{margin-bottom:12px;display:flex;align-items:center}.option-item .el-checkbox{margin-right:0}.blue-btn{background-color:#4e6ef2;border-color:#4e6ef2;width:100%;border-radius:8px;margin-top:15px;height:40px;transition:all .3s}.blue-btn:hover{background-color:#4662db;border-color:#4662db}.blue-btn:active{background-color:#4e6ef2;border-color:#4e6ef2;transform:translateY(1px)}.btn-group{display:flex;flex-direction:column;gap:10px;margin-top:-10px}.export-btn,.query-btn,.reset-btn{width:100%;margin-left:0!important;border-radius:8px;font-size:14px;display:flex;justify-content:center;align-items:center}.export-btn i,.query-btn i,.reset-btn i{margin-right:6px}.export-btn:active,.query-btn:active,.reset-btn:active{transform:translateY(1px)}.el-button--primary:focus,.el-button--primary:hover{background-color:#4662db;border-color:#4662db}.el-button--primary:active{background-color:#4e6ef2;border-color:#4e6ef2}.result-area{margin-bottom:20px}@media (max-width:768px){.app-container{flex-direction:column}.app-container::after{display:none}.sidebar{width:auto;padding:15px}.main-content{padding:15px}}.header-logo-container{display:flex;align-items:center;margin-bottom:20px}.header-logo{width:36px;height:36px;margin-right:10px}.header-title{margin:0;font-size:20px;font-weight:500}.button-row{display:flex;gap:10px}.button-row .el-button{flex:1}.el-tooltip__popper.is-light{border:1px solid #e4e7ed;font-size:14px;padding:10px 12px;color:#303133;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.sidebar-title .info-icon{color:#4e6ef2;cursor:pointer;font-size:16px;transition:all .3s;background-color:rgba(78,110,242,.1);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.sidebar-title .info-icon:hover{color:#fff;background-color:#4e6ef2;transform:scale(1.1)}.feature-tips{background-color:#ecf5ff;border-radius:10px;padding:16px 20px;margin-top:5px;margin-bottom:20px;position:relative}.tips-title{font-size:16px;font-weight:500;color:#4e6ef2;margin-top:0;margin-bottom:12px}.tips-list{padding-left:0;margin:0;list-style:none}.tips-list li{display:flex;align-items:flex-start;margin-bottom:10px;font-size:14px;color:#606266;line-height:1.5}.tips-list li:last-child{margin-bottom:0}.tips-list li i{color:#4e6ef2;margin-right:8px;font-size:14px;flex-shrink:0;margin-top:3px}.progress-container{margin-top:10px;margin-bottom:10px;min-height:30px}.select-container{margin-bottom:15px}.content-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:20px;margin-bottom:20px}.card-title{font-size:18px;color:#303133;margin-bottom:20px;font-weight:500}.empty-state{background-color:transparent;border-radius:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#909399;flex:1;margin:auto 0}.empty-state-img{width:200px;margin-bottom:20px}.empty-state-text{font-size:20px;font-weight:700;margin-bottom:10px;color:#303133}.empty-state-subtext{font-size:14px;color:#606266}.announcement-container{position:fixed;top:100px;right:-300px;width:300px;z-index:9990;transition:right .3s ease;display:flex;flex-direction:row;align-items:flex-start}.announcement-container.expanded{right:20px}.announcement-card{width:100%;background-color:#fff;border-radius:6px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);overflow:hidden}.announcement-card-header{background-color:#ff9800;color:#fff;padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.announcement-card-header h3{margin:0;font-size:16px;font-weight:500}.announcement-close{color:#fff;cursor:pointer;font-size:18px}.announcement-card-content{padding:15px;background-color:#fff9e6;position:relative}.announcement-version{font-size:16px;color:#e65d17;margin-bottom:5px}.announcement-date{font-size:13px;color:#999;margin-bottom:12px;text-align:right}.announcement-list{font-size:14px;line-height:1.6;color:#666}.announcement-item{margin-bottom:8px;display:flex;align-items:flex-start}.diamond-icon{color:#ff9800;font-size:12px;margin-right:8px;display:inline-block}.announcement-btn{width:30px;height:30px;background-color:#409eff;color:#fff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.2);margin-left:-15px;margin-top:10px;z-index:9991;transition:transform .3s ease,background-color .3s ease}.announcement-btn:hover{background-color:#66b1ff;transform:scale(1.1)}.announcement-btn i{font-size:16px}.announcement-container.expanded .announcement-btn{background-color:#ff9800}@media screen and (max-width:768px){.announcement-container{width:260px}.announcement-container.expanded{right:10px}.announcement-card-header{padding:8px 12px}.announcement-card-header h3{font-size:15px}}