.container { width: 1000px; margin: 0 auto; padding: 20px; }
.header { text-align: center; margin-bottom: 30px; }
.btn { padding: 12px 24px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; display: inline-flex; align-items: center; gap: 8px; }
.btn-primary { background-color: #0066cc; color: white; }
.btn-secondary { background-color: #666; color: white; margin-left: 10px; }

/* 图标通用样式 */
.icon { width: 24px; height: 24px; vertical-align: middle; }
.list-icon { width: 32px; height: 32px; margin-right: 12px; }

/* 弹窗样式 */
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; }
.modal-content { background: white; width: 550px; margin: 150px auto; padding: 30px; border-radius: 8px; }
.modal-title { font-size: 20px; margin-bottom: 20px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 10px; }
.plugin-list, .system-list, .cpu-list { list-style: none; padding: 0; margin: 20px 0; }
.plugin-item, .system-item, .cpu-item { 
	padding: 15px; margin: 10px 0; border: 1px solid #ddd; border-radius: 4px; 
	cursor: pointer; transition: all 0.3s; display: flex; align-items: center;
}
.plugin-item:hover, .system-item:hover, .cpu-item:hover { border-color: #0066cc; background-color: #f0f8ff; }
.modal-footer { text-align: center; margin-top: 20px; }

/* 控件提示弹窗 */
.tip-modal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; border-radius: 8px; z-index: 1000; width: 543px; }
.tip-content { margin: 15px 0; line-height: 1.6; display: flex; align-items: center; gap: 10px; }

/* 命令复制弹窗 */
.cmd-modal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 25px; border-radius: 8px; z-index: 1000; width: 750px; }
.cmd-code { background-color: #f8f8f8; padding: 15px; border-radius: 4px; margin: 15px 0; font-family: monospace; font-size: 14px; display: flex; align-items: center; gap: 10px; }
.cpu-help { display: flex; align-items: center; justify-content: center; gap: 8px; color: #0066cc; cursor: pointer; }