.letbo{width:35px;height:100vh;background-color:#303235;position:fixed;left:0;top:0;z-index:6}
.toggle-btn{width:35px;height:25px;position:relative;left:0;top:20px;cursor:pointer}
.toggle-btn svg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.toggle-btn svg path{fill:#fff !important}
/* 激活 */
.toggle-btn.active svg path{fill:#007bff !important}
/* 图层选择 */
.panel{width:260px;height:100vh;background-color:#1c1c1f;position:fixed;left:-240px;/* left: 40px; */
top:0;z-index:5;display:inline-block;transition:all 0.3s ease}
.panel.moved{left:35px}
.tuout{width:100%;height:40px;position:absolute;left:0;top:0}
.reset-btn{width:32px;height:32px;position:absolute;top:8px;left:4px;cursor:pointer}
.tuout h3{position:absolute;right:10px;top:-18px;font-size:24px;color:#fff}
/* 搜索界面 */
.sear{position:relative;top:60px;width:260px}
.sear input{width:240px;height:35px;position:relative;left:10px;padding:0 10px;box-sizing:border-box;border:none;border:0.5px solid #cecece;border-radius:10px;font-size:16px;outline:none;background:transparent;caret-color:#e4e4e4;color:#fff}
#searchResult{display:block;position:relative;top:70px;width:260px;height:450px;background:transparent;overflow-y:auto;border-top:1px solid #616161;border-bottom:1px solid #616161}
#searchResult::-webkit-scrollbar-button:start,#searchResult::-webkit-scrollbar-button:end{display:none !important}
#searchResult::-webkit-scrollbar{width:8px}
#searchResult::-webkit-scrollbar-track{background:transparent}
#searchResult::-webkit-scrollbar-thumb{background:#444444}
#searchResult::-webkit-scrollbar-thumb:hover{background:#6d6d6d}
.result-item{padding:10px 12px;cursor:pointer;font-size:13px}
/* 版本号 */
#edition{width:35px;height:50px;position:absolute;bottom:35px;cursor:pointer}
#edition h4{color:#ffffff;text-decoration:none;font-size:12px;margin:5px}
#edition .versi{font-size:10px;color:#fff;position:absolute;top:24px;left:6px}
/* 版本更新说明 */
.modal-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:9999;align-items:center;justify-content:center}
.modal-box{width:90%;max-width:520px;background:#fff;border-radius:8px;max-height:50vh;display:flex;flex-direction:column;overflow:hidden}
#modalicon{width:46px;height:46px;/* background-image: url(../img/icon.png); */
background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:10px;position:relative;left:-10px}
.modal-header{padding:0 20px;border-bottom:1px solid #3d3d3d;font-weight:bold;display:flex;justify-content:space-between;align-items:center}
.modal-close{font-size:20px;cursor:pointer;color:#000000}
.modal-body{padding:15px;overflow-y:auto;flex:1}
.modal-body::-webkit-scrollbar-button:start,.modal-body::-webkit-scrollbar-button:end{display:none !important}
.modal-body::-webkit-scrollbar{width:10px}
.modal-body::-webkit-scrollbar-track{background:#c2c2c2}
.modal-body::-webkit-scrollbar-thumb{background:#697dd6;border-radius:5px}
.version-item{margin-bottom:20px}
.version-hd{font-weight:bold;color:#333;margin-bottom:8px}
.version-bd{margin:0 20px;padding:0;list-style:none}
.version-bd li{margin-bottom:6px;line-height:1.6}
.version-bd .num{font-weight:bold;color:#0075e2;margin-right:3px;flex-shrink:0}
.version-bd .text{color:#2b2a2a;/* 内容文字颜色 */
line-height:1.5/* 行高 */
}
/* 面板默认隐藏在屏幕左侧外 */
.paneliframe{position:fixed;top:0;left:0;width:100%;/* 可以根据问卷实际宽度调整 */
height:100vh;background:#ffffff;z-index:9999;box-shadow:2px 0 10px rgba(0, 0, 0, 0.1);transform:translateX(-100%);transition:transform 0.4s ease-in-out;display:flex;flex-direction:column}
/* 控制滑出显示 */
.paneliframe.active{transform:translateX(0)}
/* 1. 左侧滑出面板基础样式 */
#yiji1.panetext{position:fixed;top:0;left:-400px;width:360px;height:100vh;background-color:#ffffff;box-shadow:2px 0 15px rgba(0, 0, 0, 0.1);padding:30px 24px;box-sizing:border-box;transition:left 0.4s cubic-bezier(0.25, 1, 0.5, 1);/* 平滑滑出动画 */
z-index:9999;display:flex;flex-direction:column}
/* 当激活 .active 类时滑出 */
#yiji1.panetext.active{left:0}
/* 2. 关闭按钮样式 */
#fankui1{align-self:flex-end;background:none;background-color:#1c1c1f;border:1px solid #e0e0e0;padding:6px 14px;position:relative;right:20px;top:-20px;font-size:13px;color:#666;border-radius:6px;cursor:pointer;transition:all 0.2s ease;margin-bottom:20px}
/* 3. 表单布局 */
#demandForm{display:flex;flex-direction:column;margin-top:-40px;padding:20px 0;flex-grow:1}
#demandForm div{display:flex;flex-direction:column;margin:0 0 10px}
/* 4. 标签样式 */
#demandForm label{font-size:14px;font-weight:600;color:#333333}
/* 5. 输入框与文本域通用样式 */
#demandForm textarea,#demandForm input[type="text"]{width:100%;box-sizing:border-box;border:1px solid #dcdfe6;border-radius:8px;padding:12px;font-size:14px;color:#606266;background-color:#fff;transition:border-color 0.2s ease,box-shadow 0.2s ease}
/* 聚焦状态（Blue 风格） */
#demandForm textarea:focus,#demandForm input[type="text"]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 3px rgba(64, 158, 255, 0.15)}
/* 文本域固定高度且不可左右拉伸 */
#demandForm textarea{height:120px;resize:vertical}
/* 6. 上传图片控件美化 */
#demandForm input[type="file"]{font-size:13px;color:#606266;padding:8px 0}
/* 7. 提交按钮样式 */
#demandForm button[type="submit"]{margin-top:auto;/* 将提交按钮推至面板底部 */
background-color:#409eff;color:#ffffff;border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color 0.2s ease,transform 0.1s ease;box-shadow:0 4px 10px rgba(64, 158, 255, 0.2)}
#demandForm button[type="submit"]:hover{background-color:#66b1ff}
#demandForm button[type="submit"]:active{transform:scale(0.98)/* 点击时的微弱下压反馈 */
}
/* 拖拽上传区域基础样式 */
.drop-zone{border:2px dashed #dcdfe6;border-radius:8px;background-color:#fafafa;padding:20px;text-align:center;cursor:pointer;transition:all 0.3s ease}
/* 鼠标拖拽文件滑过上方时的高亮状态 */
.drop-zone.dragover{border-color:#409eff;background-color:#f0f7ff}
.drop-zone-content{display:flex;flex-direction:column;align-items:center}
.upload-icon{font-size:28px;margin-bottom:4px}
.upload-text{font-size:14px;color:#606266;margin:0}
.upload-tip{font-size:12px;color:#909399;margin:0}
/* 文件预览区域 */
.file-preview{margin-top:8px;font-size:13px;color:#409eff;display:flex;align-items:center}
.file-preview img{max-width:60px;max-height:60px;border-radius:4px;border:1px solid #e0e0e0}
/* 街景界面 */
#window{width:100%;height:100%;background-color:rgb(0, 0, 0);position:fixed;top:0;left:0;z-index:99999;display:none}
.wind-tex{width:170px;height:60px;background-color:rgba(27, 27, 27, 0.8);position:absolute;top:15px;left:0;z-index:10}
.wind-tex::before{content:"";width:0;height:60px;border-left:1px solid rgba(255, 255, 255, 0.8);position:absolute;top:0;left:35px}
#windclose{color:#ebebeb;font-size:13px;position:absolute;top:5px;left:48px}
#windplay{color:rgba(209, 207, 207, 0.726);font-size:10px;position:absolute;top:25px;left:50px}
/* 街景界面退出 */
#windout{width:30px;height:30px;position:relative;top:15px;left:3px;border-radius:50%;cursor:pointer}
#windout::before{content:"";width:10px;height:10px;border-bottom:2px solid #ebebeb;border-left:2px solid #ebebeb;transform:rotate(45deg);position:absolute;top:10px;left:8px}
#windout::after{content:"";width:16px;height:2px;background-color:#ebebeb;position:absolute;top:15px;left:8px}
/* 街景底部 */
.wind-bot{width:100%;height:20px;background-color:rgba(27, 27, 27, 0.8);position:absolute;bottom:0;left:0;z-index:1}