/*! 设置全局字体和背景颜色 */body{font-family:Arial,sans-serif;background-color:#f0f0f0;margin:20px;padding:0}
/*! 设置段落标签的初始样式 */p{margin:10px 0}
/*! 定位顶部和底部的按钮 */.top-bottom-buttons{position:fixed;bottom:50%;right:5px}
/*! 定义按钮的基本样式 */.button{display:block;padding:5px 10px;background-color:#00b3b0;color:#fff;text-align:center;text-decoration:none;border-radius:5px;margin-bottom:5px;font-size:16px;opacity:.6;width:15px;height:25px}
/*! 鼠标悬停时按钮的样式变化 */.button:hover{opacity:1;background-color:#009995}
/*! 定义使用说明链接的样式 */#readme{display:block;text-decoration:none;margin:0 auto 25px;max-width:fit-content;max-width:-moz-fit-content;font-size:16px;color:#49b300;animation:pulse 2s infinite alternate}
/*! 使用说明动画 */@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}
/*! 设置标题的样式 */h1{margin-top:50px;text-align:center;color:#00b3af;display:block}
/*! 隐藏文件输入框 */#fileInput{display:none}
/*! 定义标签和输入框容器的样式 */.label-input{margin-top:15px;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;justify-content:center}
/*! 标签的样式 */.label-input label{margin-right:10px;color:#666;font-weight:700}
/*! 输入框和下拉菜单的样式 */.label-input input[type=file],.label-input input[type=text],.label-input select{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}
/*! 文本输入框的样式 */.label-input input[type=text]{margin-right:10px;flex:1}
/*! 按钮的样式 */.label-input button{padding:8px 16px;font-size:14px;background-color:#00b3b0;color:#fff;border:none;border-radius:4px;cursor:pointer;flex-shrink:0}
/*! 设置搜索输入框的样式 */#searchInput{width:100%;background-color:#f0f0f0}
/*! 设置搜索结果容器的样式 */
/*! 设置内容区域的样式 */#content,#searchResults{margin-top:20px}#content{margin-bottom:20px;white-space:pre-line;font-size:16px}
/*! 设置分页按钮的样式 */#pageButtons{display:flex;flex-wrap:wrap}.pageButton{padding:8px 16px;font-size:14px;background-color:#ddd;color:#333;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin-right:5px;margin-bottom:5px}
/*!  分页按钮鼠标悬停时的样式 */.pageButton:hover{background-color:#ccc}
/*!  当前页按钮的样式 */.currentPage{background-color:#00b3b0;color:#fff}.currentPage:hover{background-color:#009995}
/*!  设置选项和应用设置按钮的容器样式 */#settings{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;background-color:#f0f0f0;padding:10px;border:1px solid #ccc;border-radius:4px}
/*!  设置选项的标签样式 */#settings label{margin-right:10px;color:#666}
/*!  设置选项的输入框和下拉菜单样式 */#applySettingsButton,#settings input[type=color],#settings input[type=number],#settings select{padding:8px;font-size:14px;border:1px solid #ccc;background-color:#f0f0f0;border-radius:4px;margin-right:10px}
/*!  应用设置按钮的样式 */#applySettingsButton{background-color:#00b3b0;color:#fff;border:none;cursor:pointer}
/*!  应用设置按钮鼠标悬停时的样式 */#applySettingsButton:hover{background-color:#009995}
/*!  设置搜索按钮的样式 */#searchButton{margin-right:20px}
/*!  搜索按钮鼠标悬停时的样式 */
/*!  网络搜索按钮鼠标悬停时的样式 */
/*!  加载文件按钮鼠标悬停时的样式 */#loadFileButton:hover,#netsearchButton:hover,#searchButton:hover{background-color:#009995}
/*!  设置搜索结果项的样式 */.searchResult{margin-bottom:10px;padding:10px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer}
/*!  搜索结果项鼠标悬停时的样式 */.searchResult:hover{background-color:#f0f0f0}
/*!  隐藏类，用于隐藏元素 */.hidden{display:none}
/*!  高亮类，用于突出显示文本 */.highlight{background-color:#ff0}
/*!  移动设备的响应式设计 */@media (max-width:600px){/*!  对于移动设备，调整输入框和按钮的宽度 */#applySettingsButton,#settings input[type=color],#settings input[type=number],#settings label,#settings select,.label-input button,.label-input input[type=file],.label-input input[type=text],.label-input select{width:100%}
/*!  调整搜索输入框和设置容器的样式 */#searchInput,.label-input input[type=text]{width:100%;margin-right:0;margin-bottom:5px}
/*!  调整设置面板的样式 */
/*!  调整应用设置按钮的位置 */#applySettingsButton{margin-left:0}
/*!  设置面板在小屏幕下的布局 */#settings{flex-direction:column;align-items:flex-start;padding:5px}
/*!  调整设置面板内的元素样式 */#applySettingsButton,#settings input[type=color],#settings input[type=number],#settings label,#settings select{width:100%;margin-right:0;margin-top:6px}
/*!  调整应用设置按钮的位置 */#applySettingsButton{margin-top:10px}
/*!   调整搜索按钮的位置 */#searchButton{margin-right:0}
/*!  调整网络搜索按钮的位置 */#netsearchButton{margin-top:10px}
/*!  搜索按钮和网络搜索按钮鼠标悬停时的样式 */#netsearchButton:hover,#searchButton:hover{background-color:#009995}}